@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);*{padding:0;margin:0;box-sizing:border-box;font-family:"Varela Round",sans-serif}body{background:#00445e}body header{max-width:1024px;margin:0 auto;padding:2rem}body header .header-container{display:flex;justify-content:space-between;align-items:center;color:#c5c5c5}body header .header-container h1{font-size:2.3rem;letter-spacing:1px}body header .header-container .options{list-style:none;display:flex}body header .header-container .options li{padding:.5rem;background-color:#c5c5c5;border:1px solid #00445e;display:flex;border-radius:50%;margin-left:.5rem;position:relative;cursor:pointer}body header .header-container .options li:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#00445e;border-radius:50%;transition:all .3s linear;-webkit-transform:scale(0);transform:scale(0);opacity:0}body header .header-container .options li:hover:before{-webkit-transform:scale(1);transform:scale(1);opacity:1;border:1px solid #c5c5c5}body header .header-container .options li:hover a{color:#c5c5c5}body header .header-container .options li a{color:#00445e;font-size:1.3rem;display:flex;justify-content:center;align-items:center;transition:all .3s linear;z-index:0}body main{max-width:1030px;margin:0 auto;padding:0 2rem}body main .container{width:100%;height:30rem;border-radius:.3rem;background-color:rgba(0,255,255,.274);padding:.5rem}body main .container .game-wrapper{width:100%;height:100%}body main .container .game-wrapper .game{width:100%;height:100%;display:grid;grid-gap:.1rem;gap:.1rem;grid-template-columns:repeat(54,1rem)}body main .container .game-wrapper .game div{width:1rem;height:1rem;border-radius:.1rem}body main .container .game-wrapper .game .alive{background-color:#00b4b4}body main .container .game-wrapper .game .dead{background-color:#095f5f}body footer{max-width:1024px;margin:0 auto;padding:2rem}body footer .footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#c5c5c5}body footer .footer-container h3{margin-bottom:.5rem}body footer .footer-container .options{list-style:none;display:flex;justify-content:center;align-items:center}body footer .footer-container .options a{margin:0 .3rem;color:#c5c5c5;display:flex;justify-content:center;align-items:center;font-size:1.8rem;cursor:pointer;transition:all .5s linear}body footer .footer-container .options a:hover{-webkit-transform:rotate(1turn) scale(.8);transform:rotate(1turn) scale(.8)}@media (max-width:485px){.header-container{flex-direction:column}}@media (max-width:1037px){.game-wrapper{overflow-y:hidden;overflow-x:scroll}}
/*# sourceMappingURL=main.a5ce5413.chunk.css.map */