*{margin:0;padding:0;font-family:'Montserrat',sans-serif}header.header{text-align:center;height:100vh;display:block;box-shadow:0 0 20px 5px rgb(0 0 0 / .25)}body{background-color:#222;color:#fff}.header-picture-container{height:100vh;width:100%;position:relative;display:inline-block}.logo{position:absolute;top:94%;right:4%;transform:translate(0,-100%)}.logo img{width:25vh;height:25vh;opacity:85%}.logo_name img{width:60%;margin-top:3%;margin-bottom:7%}.header-bg img{width:100%;height:100vh;object-fit:cover}.mainmenu{position:absolute;top:94%;left:4%;width:20vw;height:22vw;transform:translate(0,-100%);background:#53535345;border-radius:60px;backdrop-filter:blur(8px);box-shadow:0 0 20px 5px rgb(0 0 0 / .25);padding:.5rem}.mainmenu ul{height:60%;list-style:none;font-size:1vw;display:flex;flex-flow:column;justify-content:space-between;color:#ddd}.mainmenu li{cursor:pointer;transition:font-size 0.3s ease-in-out;height:18%;display:flex;align-items:center;justify-content:center}.mainmenu li:hover{font-size:1.4vw;transition-duration:0.2s}.mainmenu a{color:#ddd;text-decoration:none}@media (max-width:999px){.logo{display:none}.mainmenu{top:0;left:0;width:auto;height:100vh;transform:none;border-radius:0}.mainmenu ul{font-size:1.5rem}.mainmenu li:hover{font-size:1.5rem}}.servers-container{display:flex;justify-content:center;margin:3vh 3vw}.servers-wrapper{display:flex;flex-wrap:wrap;justify-content:center}.servercard{display:flex;justify-content:space-between;height:100px;width:790px;font-weight:700;margin:10px;color:#ddd;box-shadow:0 0 5px 5px rgb(0 0 0 / .2)}.servercard img{height:100px}.servercard>div{display:flex}.servercard-col-text{display:flex;flex-direction:column;justify-content:space-around;height:100%;margin-left:1.3rem}.servercard-name{font-size:1.2rem}.servercard-info{font-size:1rem}.servercard-version{color:#09f;margin-right:1.5rem}.servercard-ip{color:#09f;cursor:pointer}.servercard-status{display:flex;align-items:center;text-transform:uppercase}.offline .offline-text{color:#FF7B01}.online .offline-text{display:none}.online .online-text{color:#3de600}.offline .online-text{display:none}.offline-text,.online-text{margin-right:2.5rem;font-size:1rem}.servercard.offline{background:linear-gradient(0.25turn,#fff0,rgb(255 123 1 / .25))}.servercard.online{background:linear-gradient(0.25turn,#fff0,rgb(61 230 0 / .25))}.offline .status-circle-wrapper{display:none}.servercard-ip-notify{visibility:hidden;min-width:200px;margin-left:85px;margin-top:5px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:5px;position:absolute;z-index:1;font-size:17px;opacity:0;transition:opacity 0.15s,visibility 0.5s}.servercard-ip-notify.show{visibility:visible;opacity:1}.status-circle{width:85px;height:85px;margin-right:5px;border-radius:50%;background:conic-gradient(#0B58D1 var(--progress),#d3d3d3 var(--progress));display:flex;justify-content:center;align-items:center;box-shadow:0 0 5px rgb(0 0 0 / .2);position:relative}.status-circle-text{display:flex;justify-content:center;align-items:center;width:67px;height:67px;background-color:#fff;border-radius:50%;font-family:sans-serif;font-size:17px;color:#0B58D1}@media (max-width:800px){.servercard{flex-wrap:wrap;height:220px;width:auto;justify-content:center}.servercard picture{display:none}.servercard-col-text{margin-left:0;flex-wrap:wrap}.servercard-name{text-align:center}.servercard-version{display:block;text-align:center;margin:0 0}.offline-text{margin-right:0;min-width:200px;text-align:center}}.restrictor{display:block;margin:0 auto;max-width:1710px}.container{display:flex;flex-direction:column;margin-bottom:45px}.container h2{font-size:1.8rem;background:linear-gradient(0.25turn,rgb(0 153 255 / .5),#fff0);margin:15px 20px;padding:3px 15px;border-radius:15px}.btn-return{margin:0 30px}.btn-return a{color:#aaa;text-decoration:none}.list{display:flex;flex-wrap:wrap;justify-content:center}.card{display:flex;flex-direction:column;max-width:500px;margin:15px 20px;background-color:#333;border-radius:15px;padding:15px;color:#ddd}.card.long{max-width:650px}@media (min-width:1710px){.card{width:500px}.card.long{width:650px}}.card-title{font-size:1.4rem;font-weight:700;margin-bottom:15px}.card a,.content a{color:#ddd}.content{display:block;background-color:#333;border-radius:15px;padding:15px;margin:15px 20px}.content ul{list-style:decimal;margin:15px 20px}