@import url(https://fonts.googleapis.com/css?family=Montserrat);.container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.sky{background:-webkit-linear-gradient(250deg,#0ff -150%,#c0ffff);background:-o-linear-gradient(250deg,#0ff -150%,#c0ffff);background:linear-gradient(200deg,#0ff -150%,#c0ffff)}.instructions{color:#999;margin:0 10px;font-size:10px;text-align:center;text-transform:uppercase;font-family:Montserrat,sans-serif}.instructions b{font-weight:400;color:#777}@media screen and (max-width:600px){.container{padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}.container .sun{-ms-flex-positive:1;flex-grow:1;margin:20%;margin-top:15%}}.sun{width:80%;max-width:300px;overflow:overlay;margin-bottom:100px}.sun .light-beams>*{fill:#6be86b;-webkit-animation:shine-move 2s infinite;animation:shine-move 2s infinite}.sun .cheeks>*{fill:#f27281}.sun .shine{fill:#f7d88b;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:spin 15s linear infinite;animation:spin 15s linear infinite}.sun .eyes>*,.sun .mouth{fill:#464d59}@-webkit-keyframes shine-move{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-10px,5px);transform:translate(-10px,5px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes shine-move{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-10px,5px);transform:translate(-10px,5px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}ul.color-selector{padding:0;text-align:center}ul.color-selector li{width:30px;height:30px;font-size:0;margin:10px;border-radius:50%;display:inline-block}#root,body,html{margin:0;height:100%}
/*# sourceMappingURL=main.40e3d167.css.map*/