@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}:root{--main-font:"Inter", sans-serif;--background-color:#131010;--description-color:#d2d0d0;--soft-black-color:#1e1e1e;--scroll-bar:#d2d0d04d;--scroll-bar-hover:#555;--main-color:#fa0;--green-color:#4aff6b;--success-color:#4caf50;--red-color:#ff4b4b;--white-color:#fff;--grey-color:#444;--hover-color:#ffffff1a;--copy-ip-button-background:#ffaa00b3;--ip-copied-background:#4aff6b2b;--ip-copied-icon-background:#4aff6b80;--warning-background:#ff7c7c2b;--how-to-join-button-background:#d2d0d033;--stats-background:#d2d0d00d;--stat-icon-background-2:#ffaa0080;--dark-grey-color:#2c2c2c;--red-accent-color:#e74c3c;--black-alpha-30:#0000004d;--black-alpha-40:#0006;--black-alpha-50:#00000080;--black-alpha-60:#0009;--black-alpha-70:#000000b3;--black-alpha-80:#000c;--white-alpha-05:#ffffff0d;--white-alpha-10:#ffffff1a;--white-alpha-15:#ffffff26;--white-alpha-20:#fff3;--main-alpha-05:#ffaa000d;--main-alpha-10:#ffaa001a;--main-alpha-20:#fa03;--dark-bg-alpha-60:#14141499;--darker-bg-alpha-85:#0f0f0fd9;--darkest-bg-alpha-90:#0a0000e6;--light-bg-alpha-90:#1e1e1ee6}body{background:var(--background-color);font-family:var(--main-font);overflow-x:hidden}section:not(#header) .content{width:100%;padding:90px 150px}.js-preloader{background-color:var(--background-color);opacity:1;visibility:visible;z-index:9999;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.js-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}.js-preloader img{width:142px;position:relative}.navbar{background:var(--background-color);z-index:1000;width:100%;box-shadow:0 0 10px var(--white-alpha-15);flex-direction:row;justify-content:space-between;align-items:center;padding:20px 150px;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.navbar a{text-decoration:none}.navbar .menu-mobile{justify-content:space-between;align-items:center;display:flex}.navbar .menu-mobile .logo{align-items:center;gap:10px;display:flex}.navbar .menu-mobile .logo img{max-width:40px;height:auto}.navbar .menu-mobile .logo h3{color:var(--white-color);font-size:20px;font-weight:900}.navbar .links{align-items:center;gap:30px;transition:all .3s ease-in-out;display:flex}.navbar .links .link{color:var(--description-color);font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.navbar .links .color-button{background-color:var(--main-color);color:var(--background-color);border-radius:23px;padding:5px 20px;font-weight:600;transition:transform .2s}.navbar .links .link.color-button:hover{color:var(--background-color);transform:scale(1.05)}.navbar .links .link.active{color:var(--white-color)}.navbar .links .link.active:after{content:"";background:var(--main-color);border-radius:5px;width:40px;height:3px;position:absolute;bottom:-4px;left:0}.navbar .links .link:not(.active):not(.color-button):hover{color:var(--white-color)}.navbar .menu-mobile .hamburger{color:var(--white-color);cursor:pointer;font-size:20px;transition:all .5s;display:none}.navbar .menu-mobile .hamburger:hover{opacity:.8}.navbar.active{max-height:1000px}.navbar.active .links{opacity:1;z-index:2}#footer{justify-content:space-between;width:100%;padding:20px 150px;display:flex}#footer p{color:var(--description-color);font-size:17px}#footer p span{color:var(--white-color)}#footer .social-links .shape-fill{fill:var(--description-color)}#footer .social-links a:hover .shape-fill{fill:var(--white-color)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--stats-background)}::-webkit-scrollbar-thumb{background:var(--scroll-bar)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-bar-hover)}img.lazy-img{opacity:0;transition:opacity .5s ease-in-out}img.lazy-img.loaded{opacity:1}@media screen and (width<=1625px){.navbar{padding:20px 90px}section:not(#header) .content{padding:90px}section#features .content{padding-top:0}section#faq .content{padding-top:45px}#footer{padding:20px 90px}}@media screen and (width<=867px){.navbar{flex-direction:column;gap:20px;max-height:73px;transition:max-height .8s ease-in-out;overflow:hidden}.navbar .menu-mobile{width:100%}.navbar .menu-mobile .hamburger{display:flex}.navbar .links{opacity:0;z-index:-1;flex-direction:column;order:2;align-items:flex-start;width:100%;transition:opacity .8s ease-in-out}}@media screen and (width<=819px){.navbar{padding:20px 30px}section:not(#header) .content{padding:50px 30px}#footer{padding:20px 30px}}@media screen and (width<=564px){#footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:30px}}#header{background:url(/img/timeline-header-background.webp) 50%/cover no-repeat fixed;align-items:center;height:30vh;min-height:550px;display:flex}#header .content{z-index:1;flex-direction:column;align-items:center;gap:20px;width:100%;padding:150px;display:flex;position:relative}#header .content .info{flex-direction:column;display:flex}#header .content .info p{color:var(--white-color);text-transform:uppercase;text-shadow:0px 2px 4px var(--black-alpha-70);font-size:18px;font-weight:600}#header .content .info .title{color:var(--white-color);text-transform:uppercase;text-shadow:0px 2px 4px var(--black-alpha-70);font-size:65px;font-weight:900}#header .content .info .title span{color:var(--main-color)}#header .content .description{color:var(--white-color);max-width:700px;text-shadow:0px 2px 4px var(--black-alpha-70);font-size:18px;font-weight:400;line-height:1.6}.wave-top{width:100%;line-height:0;position:relative;bottom:69px;left:0;overflow:hidden;transform:rotate(180deg)}.wave-top svg{width:calc(100% + 1.3px);height:70px;display:block;position:relative;transform:rotateY(180deg)}.wave-top .shape-fill{fill:var(--background-color)}.timeline{max-width:800px;margin:100px auto;padding:0 20px;position:relative}.timeline:before{content:"";background:var(--grey-color);width:4px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline:after{content:"";background:var(--grey-color);width:6px;height:6px;box-shadow:0 10px 0 var(--grey-color), 0 20px 0 var(--grey-color);border-radius:50%;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.timeline-item{width:60%;padding:20px 40px;position:relative}.timeline-item:after{content:"";background:var(--main-color);border:4px solid var(--soft-black-color);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.timeline-item:nth-child(odd){text-align:left;left:-10%}.timeline-item:nth-child(2n){text-align:right;left:50%}.timeline-item:nth-child(2n):after{left:-14px}.timeline-item:nth-child(odd) .timeline-content{border-left:4px solid var(--grey-color)}.timeline-item:nth-child(2n) .timeline-content{border-right:4px solid var(--grey-color)}.timeline-content{background:var(--soft-black-color);color:var(--white-color);box-shadow:0 4px 15px var(--black-alpha-30);border-radius:12px;padding:20px;transition:transform .4s,opacity .4s;position:relative}.timeline-content:hover{transform:scale(1.05)}.timeline-date{color:var(--main-color);margin-bottom:15px;font-size:1.1rem;font-weight:700}.timeline-title{color:var(--white-color);margin:5px 0 15px;font-size:1.3rem;font-weight:700}.timeline-content img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;margin-bottom:10px}.timeline-content p{color:var(--description-color)}@media screen and (width<=1625px){#header .content{padding:150px 90px}}@media screen and (width<=1361px){#header .content{flex-direction:column;padding:120px 90px}}@media screen and (width<=900px){.timeline:after{left:17px;transform:translate(0)}.timeline:before{left:20px}.timeline .timeline-item{text-align:left;width:100%;padding-left:60px;padding-right:20px;left:0}.timeline-item:after{left:-14px;right:auto}.timeline .timeline-item .timeline-content{border-left:4px solid var(--grey-color);border-right:none}}@media screen and (width<=831px){.wave-top{bottom:29px}.wave-top svg{height:30px}}@media screen and (width<=819px){#header .content{padding:150px 30px}#header .content .info .minecraft-server-ip{font-size:15px}#header .content .info .title{font-size:40px}#header .content .info .description{font-size:16px}}@media screen and (width<=530px){#header .content{justify-content:start;align-items:start}#header .content .info .title{font-size:35px}}