h1{font-size:50px;font-family:"Press Start 2P",system-ui}@media only screen and (min-width: 576px) and (max-width: 768px){h1{font-size:65px}}@media only screen and (min-width: 768px) and (max-width: 992px){h1{font-size:75px}}@media only screen and (min-width: 993px){h1{font-size:85px}}h2{font-size:40px;font-family:"Press Start 2P",system-ui}@media only screen and (min-width: 576px) and (max-width: 768px){h2{font-size:47px}}@media only screen and (min-width: 768px) and (max-width: 992px){h2{font-size:57px}}@media only screen and (min-width: 993px){h2{font-size:67px}}.subheading{font-family:"Press Start 2P",system-ui;font-size:25px}@media only screen and (min-width: 576px) and (max-width: 768px){.subheading{font-size:28px}}@media only screen and (min-width: 768px) and (max-width: 992px){.subheading{font-size:30px}}@media only screen and (min-width: 993px){.subheading{font-size:32px}}p{font-size:16px;font-family:IBM Plex Mono,monospace}@media only screen and (min-width: 576px) and (max-width: 768px){p{font-size:19px}}@media only screen and (min-width: 768px) and (max-width: 992px){p{font-size:21px}}@media only screen and (min-width: 993px){p{font-size:24px}}.level-display{display:flex;justify-content:center}.level-display__text{display:inline-block;justify-self:center;background-color:#000;color:#fff;padding:10px 14px 8px 17px}@media only screen and (min-width: 576px) and (max-width: 768px){.level-display__text{padding:12px 15px 9px 18px}}@media only screen and (min-width: 768px) and (max-width: 992px){.level-display__text{padding:14px 17px 10px 20px}}@media only screen and (min-width: 993px){.level-display__text{padding:17px 22px 11px 24px}}.container{display:flex;justify-content:center}.container__btn{color:#fff;font-family:"Press Start 2P",system-ui;font-size:20px;background-color:#0c0;border-radius:10px;padding:3px 12px}@media only screen and (min-width: 576px) and (max-width: 768px){.container__btn{font-size:23px;padding:4px 15px}}@media only screen and (min-width: 768px) and (max-width: 992px){.container__btn{font-size:26px;padding:4px 18px}}@media only screen and (min-width: 993px){.container__btn{font-size:29px;padding:4px 22px}}.container__btn:hover{transition:ease-in-out .2s;background-color:#00b800}.container__btn:active{transform:translateY(.5px);transition:ease-in-out 75ms}.modal__content{border-radius:0;background-color:#343635}.modal__header,.modal__body,.modal__footer,body{background-color:#343635;color:#fff}.game{position:relative;width:300px;height:300px}@media only screen and (min-width: 576px) and (max-width: 768px){.game{margin-top:60px}}@media only screen and (min-width: 768px) and (max-width: 992px){.game{margin-top:90px}}@media only screen and (min-width: 993px){.game{margin-top:110px}}.game__circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game__circle--small{background-color:#c00;width:50px;height:50px;z-index:10}@media only screen and (min-width: 576px) and (max-width: 768px){.game__circle--small{width:80px;height:80px}}@media only screen and (min-width: 768px) and (max-width: 992px){.game__circle--small{width:110px;height:110px}}@media only screen and (min-width: 993px){.game__circle--small{width:120px;height:120px}}.game__circle--medium{background-color:#e0e000;width:120px;height:120px;z-index:9}@media only screen and (min-width: 576px) and (max-width: 768px){.game__circle--medium{width:160px;height:160px}}@media only screen and (min-width: 768px) and (max-width: 992px){.game__circle--medium{width:220px;height:220px}}@media only screen and (min-width: 993px){.game__circle--medium{width:240px;height:240px}}.game__circle--large{background-color:#00007a;width:190px;height:190px;z-index:8}@media only screen and (min-width: 576px) and (max-width: 768px){.game__circle--large{width:240px;height:240px}}@media only screen and (min-width: 768px) and (max-width: 992px){.game__circle--large{width:330px;height:330px}}@media only screen and (min-width: 993px){.game__circle--large{width:360px;height:360px}}.game__circle--xlarge{background-color:#00b800;width:260px;height:260px;z-index:7}@media only screen and (min-width: 576px) and (max-width: 768px){.game__circle--xlarge{width:320px;height:320px}}@media only screen and (min-width: 768px) and (max-width: 992px){.game__circle--xlarge{width:440px;height:440px}}@media only screen and (min-width: 993px){.game__circle--xlarge{width:480px;height:480px}}.game__circle--shape{border-radius:50%;clip-path:circle(50%);overflow:hidden}.game__circle--green{background-color:#0c0}.game__circle--green-bright{background-color:#9f9}.game__circle--red{background-color:#c00}.game__circle--red-bright{background-color:#f99}.game__circle--blue{background-color:#00007a}.game__circle--blue-bright{background-color:#7070ff}.game__circle--yellow{background-color:#e0e000}.game__circle--yellow-bright{background-color:#ffffc2}