@import url(css/global.css);#discord,#header{background:url("../../images/header-background.jpg") center/cover no-repeat fixed;min-width:100%;z-index:0}#header{min-height:800px;height:80vh;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;display:flex;align-items:center}#header .content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:150px;width:100%;height:620px;position:relative}#header .content .left .ip-copied{color:var(--green-color);background:var(--ip-copied-background);padding:10px 20px;width:fit-content;border-radius:5px;font-size:17px;display:none}#header .content .left .ip-copied.active{display:flex}#header .content .left .ip-copied.error{background:var(--warning-background);color:var(--red-color)}#faq .content,#faq .content .accordion,#header .content .left{display:flex;flex-direction:column;gap:20px}#header .content .left .server-name{display:flex;flex-direction:column}#header .content .left .server-name p{color:var(--white-color);text-transform:uppercase;font-size:18px;font-weight:600}#header .content .left .server-name h1{color:var(--main-color);text-transform:uppercase;font-size:64px;font-weight:900}#header .content .left .server-description{color:var(--description-color);font-size:18px;font-weight:400;max-width:700px;line-height:1.6}#header .content .left .buttons{display:flex;flex-direction:row;gap:20px}#discord .content .join-discord,#header .content .left .buttons .copy-ip{background:var(--copy-ip-button-background);border:2px solid var(--main-color);border-radius:3px;padding:10px 30px;color:var(--white-color);font-size:17px;font-weight:600;cursor:pointer;transition:.2s}#discord .content .join-discord:hover,#header .content .left .buttons .copy-ip:hover,#header .content .left .buttons .how-to-join:hover{opacity:.8}#header .content .left .buttons .how-to-join{background:var(--how-to-join-button-background);border:2px solid var(--description-color);border-radius:3px;padding:10px 30px;color:var(--description-color);font-size:17px;font-weight:600;cursor:pointer;transition:.2s;width:100%}#header .content .right{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%}#header .content .right .logo-img{max-width:150px;transform:translatey(0);animation:4s ease-in-out infinite float}#header .content .right .stats{display:flex;flex-direction:row;gap:50px;background:var(--stats-background);padding:20px;border-radius:5px}#header .content .right .stats .stat{display:flex;flex-direction:row;gap:15px;justify-content:center;align-items:center}#header .content .right .stats .stat .icon,#vote .content .links .link .link-description .icon{border-radius:5px;background:var(--stat-icon-background-2);padding:10px;transition:.2s ease-in-out}#header .content .right .stats .stat .icon i,#vote .content .links .link .link-description .icon i{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;position:relative;background:var(--main-color);color:var(--white-color);border-radius:5px}#header .content .right .stats .stat:hover .icon,#vote .content .links .url:hover .link .link-description .icon{transform:scale(1.1)}#header .content .right .stats .stat .texts{height:100%;display:flex;flex-direction:column;justify-content:center}#header .content .right .stats .stat .texts h5,#vote .content .links .link h5{color:var(--white-color);text-transform:uppercase;font-size:17px;font-weight:700}#header .content .right .stats .stat .texts p{color:var(--description-color);font-size:15px;font-weight:400}#header .content .right .stats .stat .texts p span{color:var(--green-color)}#about .content,#vote .content{display:flex;flex-direction:row;justify-content:space-between;width:100%}#about .content .left{display:flex;flex-direction:column;height:100%;justify-content:space-between;gap:40px}#about .content .left .section-title,#faq .content .info .section-title,#minigames .content .game .info .section-title,#vote .content .info .section-title{font-size:30px;font-weight:700;color:var(--white-color);position:relative}#about .content .left .section-title::before,#faq .content .info .section-title::before,#minigames .content .game .info .section-title::before,#vote .content .info .section-title::before{content:"";position:absolute;bottom:-9px;left:0;width:150px;height:1px;border-radius:5px;background:var(--description-color)}#about .content .left .section-title::after,#faq .content .info .section-title::after,#minigames .content .game .info .section-title::after,#vote .content .info .section-title::after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:3px;border-radius:5px;background:var(--main-color)}#about .content .left .about-us,#vote .content .info .section-description{color:var(--description-color);font-size:17px;max-width:80%;line-height:1.6}#about .content .right{display:flex;justify-content:end;align-items:center;height:100%;position:relative;width:100%}#about .content .right img{width:auto;max-height:250px;position:relative;z-index:1;right:100px}#about .content .right .img-background{position:absolute;width:210px;height:calc(100% - 40px);border-radius:40px 3px;background:var(--main-color);z-index:0;bottom:5px}#faq,#minigames,#vote .content .links .link{background:var(--stats-background)}#minigames .content{display:flex;flex-direction:column;gap:60px}#minigames .content .game{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;gap:60px}#minigames .content .game:nth-child(2n) img{order:1}#minigames .content .game:nth-child(2n) img:hover{transform:rotate(2deg)}#minigames .content .game img{width:100%;height:300px;object-fit:cover;border-radius:40px 3px;transition:.2s}#minigames .content .game img:hover{transform:rotate(-1deg)}#faq .content .info,#minigames .content .game .info{display:flex;flex-direction:column;gap:40px}#minigames .content .game .info .game-description{color:var(--description-color);font-size:17px;line-height:1.6}#minigames .content .game .info .game-description ul{padding:10px 0 0 40px}#discord{height:100%;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;display:flex;align-items:center}#discord .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}#discord .content .section-title{font-size:30px;font-weight:700;color:var(--white-color);position:relative;text-align:center}#discord .content .section-title span,#faq .content .info .section-title span{color:var(--main-color)}#discord .content .join-discord a{text-decoration:none;color:var(--white-color)}#vote .content .info{display:flex;flex-direction:column;gap:40px;flex:1}#vote .content .links{display:flex;flex-direction:row;gap:30px;align-items:center}#vote .content .links .url{text-decoration:none}#vote .content .links .link{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:5px;max-width:400px}#vote .content .links .link .link-description{display:flex;flex-direction:row;align-items:center;gap:50px}#vote .content .links .link .link-description .description{color:var(--description-color);font-size:15px;font-weight:400;line-height:1.6}#faq .content .info .section-description{color:var(--description-color);font-size:17px;line-height:1.6;max-width:70%}#faq .content .accordion .accordion-item{background:var(--stats-background);border-radius:5px}#faq .content .accordion .accordion-item .accordion-item-header{padding:20px 50px 20px 20px;line-height:1.6;font-weight:600;display:flex;align-items:center;position:relative;cursor:pointer;color:var(--white-color);font-size:17px}#faq .content .accordion .accordion-item .accordion-item-header::after{content:"\002B";font-size:20px;position:absolute;right:20px}#faq .content .accordion .accordion-item .accordion-item-header.active::after{content:"\2212"}#faq .content .accordion .accordion-item .accordion-item-body{max-height:0;overflow:hidden;transition:.2s ease-in-out}#faq .content .accordion .accordion-item .accordion-item-body .accordion-item-body-content{padding:20px;line-height:1.6;border-top:1px solid var(--stats-background);color:var(--description-color)}@keyframes float{0%,100%{transform:translatey(0)}50%{transform:translatey(-20px)}}@media screen and (max-width:1625px){#header .content{padding:150px 90px;align-items:start;justify-content:center}}@media screen and (max-width:1361px){#header .content{flex-direction:column;padding:120px 90px;height:100%;gap:60px}#header .content .left{gap:30px;justify-content:left}#header .content .right .stats{width:fit-content}#header .content .right .logo-img{display:none}@media screen and (min-height:745px){#header .content{justify-content:center}#header .content .left,#header .content .right{height:fit-content;justify-content:center;gap:30px}}}@media screen and (max-width:819px){#header .content{padding:150px 30px}#header .content .left .server-name p{font-size:15px}#header .content .left .server-name h1{font-size:40px}#header .content .left .server-description{font-size:16px}#header .content .right{width:100%}#header .content .right .stats{width:100%;justify-content:space-between}}@media screen and (max-width:621px){#header .content .right .stats{width:100%;flex-direction:column;justify-content:space-between;align-items:start}#header .content .right .stats .stat:hover .icon{transform:scale(1)}}@media screen and (max-width:447px){#header .content .left .server-name h1{font-size:30px}}@media screen and (max-width:383px){#header .content .left .buttons{flex-direction:column}}@media screen and (max-width:1551px){#about .content .left .about-us{max-width:90%}}@media screen and (max-width:1183px){#about .content{flex-direction:column;gap:40px}#about .content .left .about-us{max-width:100%}#about .content .right img{margin:auto;right:0}#about .content .right .img-background{width:100%}}@media screen and (max-width:1141px){#minigames .content .game{flex-direction:column;gap:40px}#minigames .content .game:nth-child(2n) img{order:0}}@media screen and (max-width:1313px){#vote .content .links{flex-direction:column}}@media screen and (max-width:909px){#vote .content .links{flex-wrap:wrap;flex-direction:row}#vote .content .links .link{max-width:300px}#vote .content{flex-direction:column;gap:40px}}@media screen and (max-width:690px){#vote .content .links .link{max-width:100%}}@media screen and (max-width:6729px){#faq .content .info .section-description{max-width:100%}}
