@import url("https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400;900&display=swap");*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.icon-library{width:1.0625em}html{font-size:62.5%}#container{max-width:1600px;min-height:100vh;margin:0 auto;background-image:url(background.0cf9ab82.png);background-size:cover;background-position:top;background-repeat:no-repeat}#animals{width:100%;min-height:calc(100vh - 115px);padding:10px 20px 5px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.animal{width:130px;height:130px;background-color:#fef101;margin:26px 80px 58px;border:5px solid #fff;border-radius:4px;transition:all .1s ease;cursor:-webkit-grab;cursor:grab}.animal img{display:block;width:100%;height:auto}.animal kbd{color:#fef101;font-family:Londrina Solid,cursive;font-size:5rem;display:block;padding-top:15px}.playing{border:10px solid #fef101;border-radius:4px;transform:scale(1.1)}footer{font-family:Londrina Solid,cursive;display:flex;align-items:center;padding:15px 30px;color:#049bdd;height:115px}footer h1{font-size:5rem;width:250px}footer p{font-size:4.5rem;flex-grow:1;text-align:center;padding:0 20px}footer span{display:block;padding-bottom:5px;font-size:1rem;line-height:1rem;color:#363f4c}@media screen and (max-width:1489px){.animal{margin:26px 60px 58px}}@media screen and (max-width:1289px){.animal{margin:26px 50px 58px}}@media screen and (max-width:1000px){.animal kbd,footer p{display:none}.animal{margin:10px 50px}}@media screen and (max-width:729px){.animal{margin:10px}}@media screen and (max-width:339px){#animals{padding:5px}}