#root{display:flex;justify-content:center;top:10%}.main-body{background:linear-gradient(90deg,#2193b0,#6dd5ed);font-family:Arial,Helvetica,sans-serif;height:100vh;margin:0;width:100vw}.card{align-content:center;margin:30px auto auto;max-width:550px}.color-pick{border:0;border-radius:3px;margin:10px}.pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.card-footer :hover{background-color:dimgray;color:#000}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 #079bf5}70%{-webkit-box-shadow:0 0 0 5px rgba(204,169,44,0)}to{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #079bf5}70%{box-shadow:0 0 0 5px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@media only screen and (max-width:900px){.card{width:60vw}}@media only screen and (max-width:600px){.card{width:70vw}.color-pick{margin:5px}}
/*# sourceMappingURL=main.f270ccbf.css.map*/