#chessboard{display:grid;grid-template-columns:repeat(8,90px);grid-template-rows:repeat(8,90px);height:720px;width:720px}.modal{bottom:0;left:0;position:absolute;right:0;top:0}.modal.hidden{display:none}.modal>.modal-body{align-items:center;background-color:rgba(37,36,36,.8);display:flex;height:200px;justify-content:space-around;left:calc(50% - 300px);position:absolute;top:calc(50% - 100px);width:600px}.modal>.modal-body>img{border-radius:30%;height:120px;padding:20px}.modal>.modal-body>img:hover{background-color:hsla(0,0%,100%,.3);cursor:pointer}.modal>.modal-body>.checkmate-body{align-items:center;display:flex;flex-direction:column;gap:48px}.modal>.modal-body>.checkmate-body>span{color:#f5f5f5;font-size:32px}.modal>.modal-body>.checkmate-body>button{background-color:red;border:none;border-radius:8px;color:#fff;font-size:32px;padding:24px 48px;width:80%}.modal>.modal-body>.checkmate-body>button:hover{cursor:pointer}.tile{display:grid;height:90px;place-content:center;width:90px}.tile .chess-piece{background-position:50%;background-repeat:no-repeat;background-size:60px;height:90px;width:90px}.tile .chess-piece:hover{cursor:grab}.tile .chess-piece:active{cursor:grabbing}.black-tile{background-color:#779556}.white-tile{background-color:#ebecd0}.tile img{width:80px}.tile-highlight:not(.chess-piece-tile):before{background-color:rgba(0,0,0,.4);border-radius:50%;content:" ";height:24px;width:24px}.tile-highlight.chess-piece-tile:before{border:5px solid rgba(0,0,0,.4);border-radius:50%;content:" ";height:65px;position:absolute;width:65px}.player1{align-items:end;flex-direction:row-reverse;padding-bottom:20px}.player1,.player2{color:#fff;display:flex;height:100vh;justify-content:space-between;margin-left:20px;margin-right:20px;width:100%}.player2{padding-top:20px}.diedpiece{align-self:center;background-color:aqua;background-position:50%;background-repeat:no-repeat;background-size:60px;height:90px;width:90px}.App{align-items:center;background-color:rgba(0,0,0,.847);display:flex;flex-direction:row;height:100vh;justify-content:space-around;position:relative}.blur{-webkit-filter:blur(4px);filter:blur(4px);overflow:hidden;transition:.5s}.startup{height:80vh}.board{position:relative}.disable{bottom:0;left:40%;position:absolute;right:0;top:0}.hidden{display:none}.heading>h1{color:#fff;font-size:150px}.sidebar{display:flex;flex-direction:column;height:inherit;justify-content:space-around}.heading{color:#f0f8ff}.play{color:#fff;font-size:30px}.multi{color:#fff;font-size:20px;text-align:end}.sidebar>button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:40px;padding:20px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#online{background-color:#779556}#offline{background-color:#ebecd0}.login{background-color:#272323;border-radius:10px;height:400px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:350px;z-index:1}.login-form{align-items:center;display:flex;flex-direction:column;margin-top:40px;width:100%}.login-form>h1{color:#779556;padding:10px;text-align:center}.input>input{font-size:14px}.login-into{border:none;border-radius:10px;color:#779556;cursor:pointer;font-size:large;font-weight:800;padding:10px;width:100%}.signup{align-items:center;color:#779556;display:flex;justify-content:space-around;margin:30px}.signup p{font-size:20px}.signup button{background-color:#779556;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:medium;font-weight:800;padding:10px;width:100px}.sign{background-color:#272323;border-radius:10px;height:400px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:350px;z-index:1}.sign-form{align-items:center;display:flex;flex-direction:column;margin-top:40px;width:100%}.sign-form>h1{color:#779556;padding:10px;text-align:center}.input{align-items:center;color:#fff;display:flex;justify-content:center;margin:10px 5px 5px;text-align:center}.input>input{background-color:initial;border:none;border-bottom:2px solid #fff;color:#fff;cursor:text;font-size:12px;letter-spacing:.13rem;margin-bottom:15px;margin-left:12px;outline:none;padding:10px}.input>input::-webkit-input-placeholder{color:hsla(0,0%,100%,.642)}.input>input::placeholder{color:hsla(0,0%,100%,.642)}.signup-into{border:none;border-radius:10px;color:#779556;cursor:pointer;font-size:large;font-weight:800;margin-top:20px;padding:10px;width:100%}
/*# sourceMappingURL=main.80c48ff4.css.map*/