.topnav{display:flex;background-color:rgba(3,3,3,0.4);overflow:hidden;height:48px;border-radius:10px;margin:10px 20px;align-items:center}.topnav a{float:left;color:#f2f2f2;padding:14px 16px;text-decoration:none;font-size:17px}.rules{float:left;color:white;padding:14px 16px;text-decoration:none;font-size:17px;user-select:none}.rules:hover{background-color:#ddd;color:black;cursor:pointer}.rules-menu{display:none;position:absolute;background-color:rgba(3,3,3,0.4);height:100px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1001;top:60px;left:175px;border-radius:5px;flex-direction:column;padding:5px}.rules-menu a:hover{background-color:#ddd;color:black;cursor:pointer}.topnav-donate{float:left;color:white;text-decoration:none;font-size:17px}.topnav-donate:hover{background-color:#ddd;color:black}.topnav-news{float:left;color:white;text-decoration:none;font-size:17px}.topnav-news:hover{background-color:#ddd;color:black}.topnav-home{background-color:#f5b759;color:white}.profile-container{margin-left:auto}.topnav-login{float:left;color:white;padding:14px 16px;text-decoration:none;font-size:17px}.topnav-login:hover{background-color:#ddd;color:black}.profile-nickname{color:white;font-size:17px;margin-right:20px;padding:16px 16px;float:right;position:relative;cursor:pointer;user-select:none}.profile:hover{background-color:#ddd;color:black}.profile-menu{display:none;position:absolute;background-color:rgba(3,3,3,0.4);width:300px;height:250px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1001;top:60px;right:20px;border-radius:5px}.wcoins{display:flex}.wcoinamount{margin-left:1px}.head-image{position:absolute;top:0;right:0;margin:20px}.group{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:50px;line-height:0.5px}.grouptextgrief{display:flex;flex-direction:row;margin-left:5px;padding:5px 10px}.quit{display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:#bf0000;height:30px;width:260px;margin:0px 20px 20px 20px}.topnav-staff,.topnav-buy-wcoin{text-decoration:none;color:white}.topnav-staff:hover,.topnav-buy-wcoin:hover{background-color:#ddd;color:black}.mobile-menu{display:none}@media (max-width:767px){.topnav{display:none}.mobile-menu{display:flex;flex-direction:row;align-items:center;background:rgba(3,3,3,0.4);border-radius:10px;height:48px;margin:5px 10px}.menu-home{background-color:#f5b759;color:white;padding:12px 16px;border-radius:10px 0px 0px 10px}.menu-donate{float:left;color:white;padding:17px 10px;text-decoration:none;font-size:12px}.menu-donate:hover{background-color:#ddd;color:black}.menu-news{float:left;color:white;padding:17px 10px;text-decoration:none;font-size:12px}.menu-news:hover{background-color:#ddd;color:black}.other{padding:17px 10px;font-size:12px}.other:hover{background-color:#ddd;color:black;cursor:pointer}.other-menu{display:none;flex-direction:column;gap:10px;position:absolute;background-color:rgba(3,3,3,0.4);width:300px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1001;top:60px;left:30px;border-radius:5px;padding:10px}.menu-rules{display:flex;flex-direction:column}.menu-rules a{text-decoration:none;color:white;padding:5px}.menu-rules a:hover{background-color:#ddd;color:black;cursor:pointer}.menu-staff,.menu-buy-wcoin{text-decoration:none;color:white}.menu-staff:hover,.menu-buy-wcoin:hover{background-color:#ddd;color:black}.menu-login{color:white;text-decoration:none;font-size:12px;padding:18px 10px 17px 10px;border-radius:0px 10px 10px 0px}.menu-login:hover{background-color:#ddd;color:black}.menu-nickname{color:white;font-size:12px;padding:16px 10px;user-select:none}.menu-profile-container{margin-left:auto}.menu-profile{display:none;position:absolute;background-color:rgba(3,3,3,0.4);width:300px;height:200px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1001;top:60px;right:10px;border-radius:5px;padding:10px}.menu-wcointext{padding:0px 10px 0px 0px}.menu-wcoinamount img{padding:0px 0px 0px 10px}.menu-head-image{position:absolute;top:0;right:0;margin:20px}.menu-group{display:flex;flex-direction:column}.menu-grouptext{padding:15px 0px 5px 0px}.menu-grouotextgrief{padding:0px 0px 15px 10px}.menu-registertext{padding:10px 10px 16px 0px}.menu-quit{display:flex;flex-direction:row;justify-content:center;background:#bf0000;border-radius:5px;height:30px;align-items:center;margin:50px 20px 20px 20px}.menu-logout{text-decoration:none;color:white}}