body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#007ea7;background-image:linear-gradient(315deg,#007ea7,#80ced7 74%);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}.greeting{color:red}.background{left:50%;top:20%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%);width:100%;z-index:-10}.animals,.background{margin:0;position:absolute}.animals{align-items:center;display:flex;flex-direction:row;justify-content:center;top:50%;width:90%;z-index:2}.animal{padding:20px;width:15vw}.animal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}#fact{display:flex;font-size:4vw;justify-content:center;left:50%;margin:0;position:absolute;top:25%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%);width:80%;z-index:2}#title{margin:auto;text-align:center}.speech-bubble{background-color:#007ea7;background-image:linear-gradient(315deg,#007ea7,#80ced7 74%);border-radius:.4em;color:#fff;opacity:80%;position:relative}.speech-bubble:after{border:40px solid transparent;border-bottom:0;border-left:0;border-top-color:#007ea7;bottom:0;content:"";height:0;left:50%;margin-bottom:-40px;margin-left:-20px;position:absolute;visibility:hidden;width:0}.speech-bubble-visibility{visibility:hidden}#background-wrap{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}@-webkit-keyframes animateBubble{0%{margin-top:1000px}to{margin-top:-100%}}@keyframes animateBubble{0%{margin-top:1000px}to{margin-top:-100%}}@-webkit-keyframes sideWays{0%{margin-left:0}to{margin-left:50px}}@keyframes sideWays{0%{margin-left:0}to{margin-left:50px}}.x1{-webkit-animation:animateBubble 25s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 25s linear infinite,sideWays 2s ease-in-out infinite alternate;left:-5%;top:5%;-webkit-transform:scale(.6);transform:scale(.6)}.x2{-webkit-animation:animateBubble 20s linear infinite,sideWays 4s ease-in-out infinite alternate;animation:animateBubble 20s linear infinite,sideWays 4s ease-in-out infinite alternate;left:5%;top:80%;-webkit-transform:scale(.4);transform:scale(.4)}.x3{-webkit-animation:animateBubble 28s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 28s linear infinite,sideWays 2s ease-in-out infinite alternate;left:10%;top:40%;-webkit-transform:scale(.7);transform:scale(.7)}.x4{-webkit-animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;left:20%;top:0;-webkit-transform:scale(.3);transform:scale(.3)}.x5{-webkit-animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;left:30%;top:50%;-webkit-transform:scale(.5);transform:scale(.5)}.x6{-webkit-animation:animateBubble 21s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 21s linear infinite,sideWays 2s ease-in-out infinite alternate;left:50%;top:0;-webkit-transform:scale(.8);transform:scale(.8)}.x7{-webkit-animation:animateBubble 20s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 20s linear infinite,sideWays 2s ease-in-out infinite alternate;left:65%;top:70%;-webkit-transform:scale(.4);transform:scale(.4)}.x8{-webkit-animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;left:80%;top:10%;-webkit-transform:scale(.3);transform:scale(.3)}.x9{-webkit-animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;left:90%;top:50%;-webkit-transform:scale(.6);transform:scale(.6)}.x10{-webkit-animation:animateBubble 26s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 26s linear infinite,sideWays 2s ease-in-out infinite alternate;left:80%;top:80%;-webkit-transform:scale(.3);transform:scale(.3)}.bubble{box-shadow:0 20px 30px rgba(0,0,0,.2),inset 0 10px 30px 5px #fff;height:200px;width:200px}.bubble,.bubble:after{border-radius:50%;position:absolute}.bubble:after{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 70%);box-shadow:inset 0 20px 30px hsla(0,0%,100%,.3);content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#80ffffff",endColorstr="#00ffffff",GradientType=1);height:180px;left:10px;width:180px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.c8c10df6.css.map*/