#root{margin:0 auto}.container{padding:0 50px;height:89vh;display:flex}@media only screen and (max-width: 1000px){.container{height:87vh;padding:0 30px;display:block}}.go-span{color:#01ccff}.header-brand h1{font-weight:1000;margin:5px 0;color:#070f2b}.header-component{padding:0 50px;display:flex;justify-content:space-between;align-items:center}.header-menu{cursor:pointer;display:none}@media only screen and (max-width: 1000px){.header-menu{display:block}.header-component{padding:0 30px}}.card-div{position:absolute;border:3px solid black;border-radius:10px;display:flex;width:250px;height:400px;flex-direction:column;justify-content:center;background-color:#f7b88e;align-items:center;gap:10px}.card-div .card-emoji{font-size:100px}.card-div .card-title{font-weight:900}@media only screen and (max-width: 1000px){.card-div{width:200px;height:320px}.card-div .card-title{font-size:24px;font-weight:700}}.game-container{display:flex;flex-direction:column;height:97%;width:70%;justify-content:space-between;align-items:center}.cards-container{position:relative;top:10px;height:450px;width:600px;display:flex;justify-content:center}.card-div:nth-child(1){z-index:5;transform:translate(80px) translateY(-20px)}.card-div:nth-child(2){z-index:4;transform:translate(40px) translateY(-10px)}.card-div:nth-child(3){z-index:3;transform:translate(0) translateY(0)}.card-div:nth-child(4){z-index:2;transform:translate(-40px) translateY(10px)}.card-div:nth-child(5){z-index:1;transform:translate(-80px) translateY(20px)}.button-div button{background-color:#124076;width:10rem;height:3rem;font-size:20px;font-weight:1000;color:#fff;border:none;padding:5px 10px;border-radius:20px;cursor:pointer}.board-container{width:30%;display:block}.board-container .board{background-color:#70a3bd;color:#fff;padding:10px 0;border-radius:30px;height:fit-content}.board-title{border-bottom:4px solid white;position:sticky}.board-title h1{text-align:center;font-size:32px;margin:0;padding:0}.board-list{display:flex;justify-content:center}.board-list ul{list-style-type:none;display:flex;flex-direction:column;align-items:center;height:500px;width:90%;overflow-y:scroll;padding-left:0}.board-list ul li{width:100%;border-bottom:2px solid white}.board-player h4{display:flex;justify-content:space-between;font-size:20px;font-weight:500;margin:10px}.board-list-ul::-webkit-scrollbar{display:none}.board-list-ul::-webkit-scrollbar-track{background:#f1f1f1}.board-list-ul::-webkit-scrollbar-thumb{background:#888}.board-list-ul::-webkit-scrollbar-thumb:hover{background:#555}.board-list-ul{-ms-overflow-style:none;scrollbar-width:none}@media only screen and (max-width: 1000px){.board-container{position:absolute;top:60px;right:10px;height:400px;width:90%;z-index:100}.board-list-ul{height:300px;overflow-y:scroll}}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:200;border-radius:20px}.modal-content{background-color:#fff;padding:20px;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 0 10px #0000004d}.modal-content button{background-color:#124076;width:7rem;height:2rem;font-size:16px;font-weight:700;color:#fff;border-radius:20px;border:none;cursor:pointer}.modal-content button:hover{background-color:#fff;color:#124076;border:3px solid #124076}.modal-content h2{margin:0}.input-div{display:flex;gap:20px}.input-div label{font-weight:500}.input-div input{padding:2px 5px;width:250px;height:25px;border:1px solid gray;border-radius:10px;outline:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#eadfb4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:inherit}h1{padding:0;margin:0}