body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}Body{-webkit-tap-highlight-color:rgba(255,255,255,.2);align-items:center;background:#333;height:100vh;justify-content:center;overflow:clip;width:100%;z-index:1}@supports not (@property){.App{background-color:pink}@property --a{syntax:"<length-percentage>";inherits:true;initial-value:0}@property --b{syntax:"<length-percentage>";inherits:true;initial-value:0}}.App{animation:gradientIntro 8s ease-out forwards;background:radial-gradient(circle at 69%,#634667,#333 50%,#eee 75%,#333 0);background:radial-gradient(circle at 69%,#634667,#333 var(--a,50%),#eee var(--b,75%),#333 var(--b,75%));display:flex;flex-direction:column;height:100vh;position:relative;text-align:center;width:100%;z-index:1}@keyframes gradientIntro{0%{--a:0%;--b:0%}to{--a:50%;--b:75%}}@media screen and (height:400px) and (width:400px){Body{height:400px;width:400px}.App{align-items:center}.Drone{left:18%;top:8%}.Drone,.Whale{position:absolute}.Whale{right:-2%}.Footer button{margin-bottom:0;margin-left:100px;margin-right:10px}.QuestionMark{left:0}}.Footer{animation:footerIntro 4s 8s forwards;bottom:10px;opacity:0;position:absolute}.Footer button:before{z-index:-3!important}@keyframes footerIntro{0%{opacity:0}to{opacity:1}}.Whale{animation:whaleIntro 8s ease-in-out,whaleFloat 3s 1s infinite alternate;transform-origin:69% 40%;z-index:-2!important}@keyframes whaleIntro{0%{opacity:0;scale:0}20%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes whaleFloat{0%{translate:0 -5px}to{translate:0 10px}}button{animation:buttonGlow 2s ease-in-out infinite alternate;background:#634667;background:linear-gradient(0deg,#634667,#bc83c4);border:2px groove #000;border-radius:2px;box-shadow:0 0 15px #c3a7bc;color:bisque;cursor:pointer;font-family:Kolker Brush;font-size:2em;margin:5px;padding:2px 6px;text-shadow:2px 2px 2px #2d262e;transition:all .25s ease-out;-webkit-user-select:none;user-select:none;white-space:nowrap}button:active{background:#c3a7bc;background:linear-gradient(0deg,#c3a7bc,#c3a7bc);color:#2d262e;translate:0 5px}@media not (width:400px){button:focus{outline:none}}.ButtonGroup1{animation:buttonIntro 4s 6s forwards;display:flex;flex-direction:column;margin-top:3%;opacity:0}.QuestionMark{animation:footerIntro 4s 8s forwards;border-radius:50%;bottom:0;display:none;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:medium;margin:20px;opacity:0;position:absolute;z-index:3}@keyframes buttonIntro{0%{opacity:0}to{opacity:1}}@keyframes buttonGlow{0%{box-shadow:0 0 25px #c3a7bc}to{box-shadow:0 0 55px #c3a7bc}}.isPlaying{animation:isPlayingGlow 1.5s ease-out infinite alternate;background:#c3a7bc;background:linear-gradient(0deg,#968091,#beabc3);border:2px groove #000;color:#e6d9c4;text-shadow:2px 2px 2px #634667;transform:scale(1.1)}@keyframes isPlayingGlow{0%{box-shadow:inset 0 0 15px #7f4670,0 0 25px #c3a7bc}to{box-shadow:inset 0 0 15px #c3a7bc,0 0 55px #c3a7bc}}button:before{animation:ripple 16s ease-in-out infinite;background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:0;z-index:-1}@media not (width:400px){button:before{animation:none;display:none}.QuestionMark{right:0}}@keyframes ripple{0%{height:0;opacity:.15;width:0}to{height:800px;opacity:0;width:800px}}
/*# sourceMappingURL=main.b59cd7ab.css.map*/