.navbar{display:flex;padding-top:15px}.navbar a{align-items:center;color:#fff;font-family:inter-medium;font-size:20px;justify-content:left;margin-left:3rem;text-decoration:none}ul{display:flex;gap:5rem;padding-top:2rem}.login-button,.logout-button{background-color:#c7781e;border:none;border-radius:8px;cursor:pointer;margin-left:55vh;margin-top:-1vh;padding:5px 25px}.login-button,.logout-button,h1{color:#fff;font-family:inter-bold}h1{text-align:center}@keyframes highlight-fade{0%{color:#ff0;opacity:1;transform:scale(1.1)}to{color:#fff;opacity:1;transform:scale(1)}}.command{color:#fff;font-size:24px;font-weight:700;text-align:center;transition:color .5s ease-in-out}.highlight{animation:highlight-fade 1s ease-in-out}img{height:auto}.main-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.play-button{background-color:#e8d33b;border:none;border-radius:8px;color:#fff;font-family:inter-bold;font-size:20px;justify-content:center;margin-top:-10vh;padding:10px 40px;z-index:10}.play-button:hover{cursor:pointer}.game-container{align-items:center;display:flex;justify-content:center;width:100%}.image-wrapper{aspect-ratio:1/1;max-width:500px;position:relative;width:40vw}.bop-it-image{display:block;height:auto;width:100%}.clickable{cursor:pointer;height:15%;position:absolute;width:15%}.bop-it{height:20%;left:43%;top:52%;width:20%}.bop-it,.twist-it{transform:translate(-50%,-50%)}.twist-it{left:12%;top:43%}.pull-it{left:91%;top:56%;transform:translate(-50%,-50%);width:13%}.leaderboard-text{color:#000;font-size:2rem;font-weight:700;margin-bottom:10px;margin-top:0;text-align:center}.leaderboard-data{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;overflow-y:auto;padding-right:10px;width:100%}.leaderboard-row{background-color:#d9d9d9;border-radius:10px;box-shadow:2px 2px 5px #00000026;color:#000;display:flex;font-size:1.2rem;font-weight:700;font-weight:600;justify-content:space-between;padding:15px 25px;width:90%}.leaderboard-row .score{font-weight:400}.leaderboard-row p{margin:0}.chatbox-text{color:#000;font-size:2rem;font-weight:700;margin-bottom:20px;margin-top:0;text-align:center}.chatbox-messages{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-height:55vh;overflow-y:auto;padding-right:10px;width:100%}.chatbox-row{background-color:#d9d9d9;border-radius:10px;box-shadow:2px 2px 5px #00000026;color:#000;display:flex;font-size:1.2rem;font-weight:600;font-weight:700;justify-content:flex-start;padding:15px 25px;width:90%}.chatbox-row .message{font-weight:400}.chatbox-row p{margin:0}.chatbox-form{display:flex;gap:10px;margin:20px auto;width:90%}.chatbox-input{border:2px solid #ccc;border-radius:8px;flex:1 1;font-size:1rem;outline:none;padding:10px}.chatbox-submit{background-color:#c7781e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inter-bold;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.chatbox-submit:hover{background-color:#b56a1a}.grey-box{align-items:center;background-color:#acacac;border:10px solid #5a5a5a;border-radius:15px;box-sizing:border-box;display:flex;flex-direction:column;height:650px;justify-content:flex-start;margin:8vh auto;padding:20px;width:1000px}.profile-text{color:#000;font-family:inter-semibold;font-size:32px;margin-bottom:40px}.metrics{color:#000;font-family:inter-medium;font-size:20px;width:100%}.metrics p{background-color:#d9d9d9;border-radius:8px;box-sizing:border-box;margin:20px auto;padding:15px;width:80%}.login-prompt{color:#000;font-family:inter-medium;font-size:22px;font-weight:700;margin-top:40px;text-align:center}body{background-color:#000;margin:0}@font-face{font-family:inter-medium;src:url(/static/media/Inter_24pt-Medium.765109b598477339e532.ttf)}@font-face{font-family:inter-semibold;src:url(/static/media/Inter_24pt-SemiBold.8e921d98d20d6ae79fff.ttf)}@font-face{font-family:inter-bold;src:url(/static/media/Inter_24pt-Bold.6ddedd9ac326bf6ee3ea.ttf)}
/*# sourceMappingURL=main.8736e8a4.css.map*/