*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh}a{text-decoration:none;color:#000;cursor:pointer}.header{position:absolute;top:0;right:0;justify-self:flex-start;width:100%;display:flex;justify-content:flex-end}.wrapper{align-self:center;justify-self:stretch;flex-grow:1;display:flex;flex-direction:column;justify-content:center}#title{display:flex;justify-content:flex-start;align-items:center;padding:none;margin:none}h1{font-size:2rem;margin-bottom:0}h2{font-size:.8rem;text-align:right;margin-top:.2rem}@keyframes showBoard{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fromLeft{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes fromRight{0%{transform:translate(100vw)}to{transform:translate(0)}}@media (prefers-reduced-motion){@keyframes showBoard{0%{transform:scale(1)}to{transform:scale(1)}}@keyframes fromLeft{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes fromRight{0%{transform:translate(0)}to{transform:translate(0)}}}.fromLeft{animation:fromLeft;animation-duration:2.5s}.fromRight{animation:fromRight;animation-duration:2.5s}.board{display:grid;grid-template-columns:repeat(9,auto);border:3px solid black;border-right:1px solid black;border-bottom:1px solid black;animation-name:showBoard;animation-duration:3s}.square{width:3rem;height:3rem;font-size:medium;border:1px solid black;text-align:center}@media screen and (max-width: 600px){.square{width:2rem;height:2rem}}@media screen and (max-width: 400px){.square{width:1.5rem;height:1.5rem}}.wrong{color:red}.square:disabled{color:#000;font-weight:800}.square:focus{outline:none!important}.square:nth-of-type(3n+3){border-right:3px solid black}.boxbottom{border-bottom:3px solid black}form{display:flex;flex-direction:column;align-self:center;gap:.5rem;margin-bottom:10rem}ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}button{background:none;box-shadow:none;border:none;padding:.25rem 1rem;cursor:pointer;font-weight:700}.hamburger{width:2rem;height:2rem;display:flex;justify-content:space-around;flex-flow:column nowrap;cursor:pointer;z-index:10}.burger{width:2rem;height:.25rem;border-radius:10px;background:#000;transform-origin:1px;transition:all .25s linear}.menuwrapper{display:flex;width:4rem;height:4rem;justify-content:center;align-items:center}.margin-top-10rem{margin-top:10rem}ol{padding:0}.highscore{display:flex;justify-content:space-between}#root{overflow:hidden}