@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:Poppins,sans-serif;padding:0;margin:0;height:100vh;width:100vw}div::-webkit-scrollbar{width:8px}div::-webkit-scrollbar-thumb{background-color:transparent}div:hover::-webkit-scrollbar-thumb{background-color:#888}.Navbar{display:flex;position:fixed;top:0;width:100vw;justify-content:space-between;align-items:center;padding-left:3rem;background-color:#000;height:4rem;z-index:10000}.Navbar h3{color:#fff}.Navbar-left{flex-direction:row;width:13rem;justify-content:space-between}.Navbar-left,.Navbar-right{display:flex;align-items:center}.Navbar-right{justify-content:space-evenly;margin-right:3rem;width:25rem}.ui-area{flex-direction:row;gap:4rem;height:100vh;width:100vw}.crossword-box,.crossword-container,.ui-area{display:flex;justify-content:center;align-items:center}.crossword-box{border:4px solid #000;width:2.5rem;height:2.5rem;font-size:1.17rem;font-weight:bolder;font-family:Poppins,sans-serif}.crossword-box:hover{background-color:#000}.crossword-box:hover span{color:#fff}.crossword-box:not(:last-child){border-right:none}.hide-top-border{border-top:none}.hide-bottom-border{border-bottom:none}.btn{background-color:transparent;font-family:inherit;font-size:1.2rem;outline:none;border:none}.btn:hover{cursor:pointer}.main-board{height:70%;width:100vw;display:flex;justify-content:center;padding-top:10rem}.direction{display:flex;flex-direction:column;width:20rem;max-height:30rem;overflow-x:hidden;overflow-y:auto}.direction div{padding:8px}.ctr{margin-top:0;padding-top:0;display:flex;justify-content:center;gap:1rem;align-items:center}.playarea{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto;width:80%}.player1{display:flex;align-items:center;grid-row:1;grid-column:1}.flag{grid-row:1;grid-column:2}.player2{display:flex;align-items:center;grid-row:1;grid-column:3;justify-self:end}.board{grid-row:2;border-top:4px solid;grid-column:span 3}.clock{grid-row:1;grid-column:2}.watch{position:relative;width:2rem;height:2rem;background-color:#000;border-radius:50%}.hand{position:absolute;bottom:50%;left:50%;width:2px;height:50%;background:#fff;transform-origin:bottom;animation:rotate 10s linear infinite}.submit{grid-column:3;justify-self:end;font-family:inherit;font-size:1.2rem;font-weight:bolder}.exit,.submit{grid-row:3;margin-top:1rem}.exit{grid-column:1;width:1rem;justify-self:start}.exit img{height:100%;width:1.5rem}.eye{grid-row:3;grid-column:3;width:1rem;justify-self:end;margin-top:1rem}.eye img{width:1.5rem}.score{justify-self:center;margin-top:1rem;grid-row:3;grid-column:2}.container{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.form-box{width:380px;height:450px;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;border-radius:2%}.form-element{font-family:inherit;font-size:1.2rem;margin-top:1rem;border:3px solid #000;border-radius:6px;padding:.5rem;box-shadow:2px 2px 0 0 #000}.form-element:hover{background-color:#000;color:#fff}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:inherit;font-size:1.2rem;border:3px solid #000;border-radius:6px;padding:.5rem;background-color:#fff;box-shadow:2px 2px 0 0 #000;z-index:1000}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,89%,.803);z-index:999}