*{font-family:Ubuntu,sans-serif}body{background-color:#242424}body,.scrollelement{scrollbar-color:#36393f, #c4c4c4}body::-webkit-scrollbar{width:6px;height:6px}.scrollelement::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{background:0 0}.scrollelement::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-thumb{background-color:#36393f;border-radius:6px}.scrollelement::-webkit-scrollbar-thumb{background-color:#36393f;border-radius:6px}#bg{z-index:-10;opacity:.25;position:fixed;inset:0}.container{grid-template:"ll board u"50%"mm board u".5fr"bb board u"1fr/22% 110vh 20%;grid-auto-columns:1fr;gap:0;display:grid}#stockfish{color:#fff;grid-area:u}@media screen and (width<=1270px){.container{grid-template:"ll""board""bb""mm""u"/100%;overflow-y:auto}#evalbar{display:none}#stockfish{display:block}}.board{overflow:hidden}.middle{text-align:center;grid-area:mm}.left{text-align:center;z-index:10;grid-area:ll}.board{grid-area:board}.bottom{text-align:center;grid-area:bb}#evalbar{grid-area:u;width:10%;height:98vh}.left button{color:#fff;text-align:center;cursor:pointer;background-color:#5f5f5f;border:2px solid #bbb;border-radius:12px;margin:4px 2px;padding:15px 32px;font-size:16px;text-decoration:none;display:inline-block}.left button:hover:not(#start){color:#000;background-color:#b9b9b9;transition:all .25s ease-in-out}#alert{color:red;font-size:36px;font-weight:800}.title{color:#fff;font-size:36px}.history{color:#fff;max-width:95%;max-height:100px;overflow-y:auto}