@import"https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Roboto:ital,wght@0,100..900&display=swap";html,body{margin:0;padding:0;background-color:#333;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Lexend Deca,sans-serif}h1{color:#fff;font-size:2em;margin:0}button{font-size:1.5em;color:#fff;background-color:#444;border:none;border-radius:.25em;padding:.5em 1em;margin-top:1em;cursor:pointer;transition:background .2s}button:hover{background-color:#5e5e5e}button:active{transform:scale(.95)}#app{display:flex;flex-direction:row;align-items:center;justify-content:center;height:80vh;width:100vw}#chessboard{height:100%;aspect-ratio:1}#evaluationbar{display:flex;flex-direction:column;height:100%;width:3em;margin:0 1em;border-radius:1em;background:linear-gradient(to bottom,#fff 50%,#000 50%)}#panel{display:flex;flex-direction:column;align-items:center;margin:0 1em;background-color:#444;padding:0 1em;border-radius:.5em;width:33%;height:100%}#panel>button{background-color:#4a5a74;width:100%}#panel>button:hover{background-color:#5e7293}#panel>hr{width:100%}#input-container{display:flex;width:100%;margin-top:1em}#input-container>textarea{flex:2;border:unset;resize:none;background-color:#333;color:#fff;font-family:Roboto,sans-serif;margin-right:.25em}#input-container>textarea:focus{outline:unset}#input-container>select{flex:1;border:unset;background-color:#333;color:#fff;margin-left:.25em}#control{margin-top:auto;margin-bottom:1em}#control>div{display:flex;justify-content:center;align-items:center;background-color:#555;padding:1em;border-radius:1em}#control>div>img{width:2.5em;height:2.5em;margin-right:1.5em;cursor:pointer;transition:transform .2s}#control>div>img:last-of-type{margin-right:0}#control>div>img:hover{transform:scale(1.2)}#control>p{color:#fff;font-size:1em;margin:.5em 0;text-align:center}#control>p>a{color:#4a5a74;text-decoration:none;font-weight:700}