.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:8px;max-width:400px;width:100%;background-color:#7f7f7f;color:#fff;border:black 2px solid}.container-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;color:#fff}.hidden-div{height:100px}.error{color:red;margin-top:5px;font-size:.9em}.form-input{width:90%;padding:10px;margin:10px 0;border:1px solid black;border-radius:4px;box-sizing:border-box;background-color:#303030;color:#fff}.form-button{width:95%;padding:10px;margin:20px 0;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out}.form-button:hover{background-color:#0056b3}.Home{padding:0;margin:0;height:100%;display:grid;grid-template-columns:1fr 300px 1fr;grid-template-rows:auto 1fr;gap:20px;justify-content:center;align-items:start;color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.full{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}h1{font-size:64px;margin:10px 0;grid-column:2;grid-row:1;text-align:center}h2{width:140px}.left-container,.control{background-color:#7f7f7f;border-style:solid;border-width:2px;border-color:#000;padding-left:10px;padding-right:10px;margin-top:20px}.time{width:180px;text-align:left}.middle{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;align-items:center}.controls{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:center;width:128px;background-color:#7f7f7f;border-style:solid;border-width:2px;border-color:#000;padding:10px}.NewGame{padding:5px 10px;font-size:16px;background-color:#333;color:#fff;border:1px solid #ddd;cursor:pointer;align-self:center}.NewGame:hover{background-color:#ddd;color:#000}.holding{display:flex;justify-content:center;align-items:center;width:128px;height:64px;background-color:#7f7f7f;border-style:solid;border-width:2px;border-color:#000;padding:10px}.left{min-width:100%;grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:200px}.cell{width:30px;aspect-ratio:1}.cell.hidden{border:1px solid rgba(48,48,48,0)}.cell.Empty{background-color:#7f7f7f;border:1px solid rgb(179,179,179)}.cell.I{background-color:#0ff;border:1px solid rgb(0,179,179)}.cell.J{background-color:#00f;border:1px solid rgb(0,0,179)}.cell.L{background-color:#ff7f00;border:1px solid rgb(179,89,0)}.cell.O{background-color:#ff0;border:1px solid rgb(179,179,0)}.cell.S{background-color:#0f0;border:1px solid rgb(0,179,0)}.cell.T{background-color:purple;border:1px solid rgb(89,0,89)}.cell.Z{background-color:red;border:1px solid rgb(179,0,0)}.upcoming{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px}.cell.ghost.I{background-color:#00ffff4d;border:1px solid rgba(0,179,179,.3)}.cell.ghost.J{background-color:#0000ff4d;border:1px solid rgba(0,0,179,.3)}.cell.ghost.L{background-color:#ff7f004d;border:1px solid rgba(179,89,0,.3)}.cell.ghost.O{background-color:#ffff004d;border:1px solid rgba(179,179,0,.3)}.cell.ghost.S{background-color:#00ff004d;border:1px solid rgba(0,179,0,.3)}.cell.ghost.T{background-color:#8000804d;border:1px solid rgba(89,0,89,.3)}.cell.ghost.Z{background-color:#ff00004d;border:1px solid rgba(179,0,0,.3)}.cell.ghost{opacity:.7;pointer-events:none}.upcoming-hold{width:128px;height:64px}.row{display:flex}.board{border:2px solid black;-webkit-user-select:none;user-select:none;margin:0;grid-area:game}.navbar{background-color:#333;overflow:hidden;margin-bottom:20px;width:100%;display:flex;justify-content:center;align-items:center}.nav-links{list-style-type:none;margin:0 20px;padding:0;display:flex;justify-content:center;align-items:center;height:60px;gap:20px}.nav-links li{display:inline}.nav-links a{color:#fff;text-align:center;padding:14px 20px;text-decoration:none;font-size:18px}.nav-links a:hover{background-color:#ddd;color:#000;border-radius:8px}.nav-links .active a{background-color:#7f7f7f;color:#fff;border-radius:8px}.username{position:absolute;top:20px;right:20px;color:#fff;font-size:16px}.leaderboard-table{width:100%;border-collapse:collapse;font-size:18px;text-align:left;color:#fff;background-color:#7f7f7f;overflow-y:auto}.leaderboard-table th,.leaderboard-table td{padding:12px 15px;border:1px solid #ddd;text-align:center}.leaderboard-table th{background-color:#f4f4f4;color:#000}.table{display:flex;justify-content:center}.tabletable{width:50%;display:flex;justify-content:center;overflow:scroll;max-height:65vh;padding:0}.tabletable::-webkit-scrollbar{width:8px}.tabletable::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:4px}.tabletable::-webkit-scrollbar-thumb:hover{background-color:#fffc}::-webkit-scrollbar-corner{background-color:transparent}.follow-input{width:100%;display:flex;justify-content:center;margin:20px 0}.follow-input input{padding:10px;font-size:16px;border:1px solid #ddd;background-color:#7f7f7f;color:#fff}::placeholder{color:#fff}.follow-input button{padding:10px 20px;font-size:16px;background-color:#333;color:#fff;border:1px solid #ddd;cursor:pointer}.follow-input button:hover{background-color:#ddd;color:#000}.unfollow-button{padding:5px 10px;font-size:16px;background-color:#333;color:#fff;border:1px solid #ddd;cursor:pointer}.unfollow-button:hover{background-color:#ddd;color:#000}body,html,#root{padding:0;margin:0;height:100vh;background-image:url(/assets/Background-YejD4tMH.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}