.navigation{width:100%;display:flex;justify-content:center;box-sizing:border-box}.navigation h1{margin:0;font-size:160%}@media (max-width: 1440px){.navigation{font-size:70%}}@media (max-width: 1080px){.navigation{font-size:70%}}#logo{cursor:pointer}form input{width:100%;height:60px;box-sizing:border-box;text-align:center;font-family:monospace;font-size:x-large;color:#3fa9f5}@media (max-width: 1080px){form input{font-size:120%}}form input::placeholder{text-align:center}input::selection{background:#3fa9f5;color:#fff}input::-moz-selection{background:#3fa9f5;color:#fff}form button{display:block;width:100%;height:50px;margin-top:10px;box-sizing:border-box;font-family:monospace;font-size:large;font-weight:700;text-transform:uppercase;color:#fff;background:#3fa9f5;border:3px solid white;cursor:pointer}form button:hover{background:#2b95e1}form button:disabled{cursor:default;opacity:.7}.newsletter-message{margin:10px 0 0;text-align:center;font-family:monospace;color:#fff}.newsletter-message--error{color:#ff7878}.games-heading{width:100%;margin:0;color:#fff;text-align:center;text-transform:uppercase}.games{width:100%;display:flex;flex-wrap:wrap;gap:10px}.game-box{width:calc((100% - 20px) / 3);aspect-ratio:1 / 1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;background:transparent;border:3px solid white;color:#000;font-family:monospace;cursor:pointer;text-align:center}.game-box:hover{background:#e6e6e680}.game-box__image{max-width:90%;max-height:90%;object-fit:contain}.game-box__placeholder{font-size:300%;font-weight:700;color:#ffffff80}.game-box__title{font-weight:700;text-transform:uppercase}.game-box--expanded{width:100%;aspect-ratio:auto;align-items:stretch;justify-content:flex-start;position:relative;cursor:default;padding:30px}.game-box--expanded:hover{background:transparent}.game-box__close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:none;font-size:24px;line-height:1;font-family:monospace;color:#fff;cursor:pointer}.game-box__expanded-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;text-align:center}.game-box__expanded-content .game-box__image{width:40%;max-width:220px;max-height:none;flex-shrink:0}.game-box__info h2{margin:0 0 10px;text-transform:uppercase;color:#fff;font-weight:700}.game-box__info p{margin:0;color:#000}.game-box__secondary-description{padding-top:20px}.game-box__first-image{margin-bottom:15px}.game-box__first-image img{max-width:100%;height:auto}.game-box__link{display:inline-block;margin-top:15px;font-weight:700;color:#3fa9f5}.game-box__secondary-image{margin-top:20px;width:100%;align-self:center}.game-box__secondary-image img{width:100%;height:auto;display:block}.game-box__third-image{margin-top:20px;width:100%;align-self:center}.game-box__third-image img{width:100%;height:auto;display:block}.game-box__fourth-image{margin-top:20px;align-self:center}.game-box__fourth-image a{display:block;max-width:200px;margin:0 auto}.game-box__fourth-image img{width:100%;height:auto;display:block}@media (max-width: 700px){.game-box__expanded-content{flex-direction:column;text-align:center}}.contact{display:flex;flex-direction:row;align-items:center;gap:15px;padding-top:25px;font-size:160%}.footer{display:flex;flex-direction:column;align-items:center;gap:15px}@media (max-width: 700px){.app .footer p{font-size:80%}}.app{background-color:#3fa9f5;color:#fff;font-family:monospace;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:1%;gap:clamp(10px,2vw,15px);min-height:100vh}.app.inverted{background-color:#000;color:#fff;filter:invert(1)}.app h1{text-align:center;color:#fff;font-size:200%}.app p{color:#fff;font-size:125%}.app a{color:#fff}.main-content{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.logo-container{width:35%;display:flex;flex-direction:column;gap:20px}.logo-container img,.logo-container form,.logo-container input{width:100%;box-sizing:border-box}@media (max-width: 1440px){.logo-container{width:60%}}@media (max-width: 1080px){.logo-container{width:85%}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}