.head-banner{height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:row;margin:0 4%;padding:0% 2%}.head-banner *{z-index:2}.head-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#0b0b14f7;backdrop-filter:blur(1px);z-index:1}.head-banner:after{content:"";background-image:url(/minecraft-hero.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;width:100%;height:100vh;z-index:0}.head-banner>:first-child{flex:0 0 65%}.head-banner>:last-child{flex:0 0 35%}.head-banner-segment1{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;height:100vh}.head-banner-segment1 .hbs1t{font-size:50px;text-align:left;font-family:Lake Font;display:flex;flex-direction:column;color:transparent;margin-bottom:10px;font-weight:200;background:linear-gradient(90deg,#3b82f6,#9333ea,#3b82f6);background-size:100% 75%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 15px rgba(96,165,250,.5))}.hbs1q{font-size:15px;color:#feca69;-webkit-text-fill-color:rgb(254,202,105);font-family:sans-serif;text-align:center;font-weight:500;position:relative;left:30%;z-index:2;border-radius:99999px;border-color:#faaf6033;border-width:1px;border-style:solid;padding:10px 20px;background-color:#f6a0301a;backdrop-filter:blur(12px);box-shadow:0 2px #fabc6066;filter:drop-shadow(0 2px 10px rgb(255,255,255))}.head-banner-segment1 .hbs1s{font-size:17px;text-align:left;color:#c3c6ca;margin-bottom:10px;font-weight:small}.hbs1f{display:flex;align-items:center;justify-content:left;gap:5px;flex-wrap:wrap}.hbs1f-item{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:row;padding:2px 5px;background-color:#fff0;border-radius:12px}.hbs1f-item i{background:linear-gradient(90deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-clip:text;font-size:30px;font-weight:500;transform:translateY(12.5%)}.hbs1f-item span{font-size:20px;color:#fff;font-family:Orbitron;font-weight:200}.hbs1-button{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:12px 32px;margin-top:15px;font-size:18px;left:10px;position:relative;border-radius:6px;text-decoration:none;font-weight:500;font-family:Orbitron;transition:all .3s ease-in-out;cursor:pointer}.hbs1-button:hover{transform:scale(1.05)}.head-banner-segment2{display:flex;align-items:center;justify-content:center}.head-banner-segment2 .hbs2img{width:475px;height:auto;filter:drop-shadow(0 2px 15px rgba(255,255,255,.5));transition:all .1s linear}.banner2{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 4%;padding:2%;width:100%}.b2-title{font-family:Orbitron;font-size:40px;font-weight:300;text-align:center}.b2-title font{background:linear-gradient(135deg,#3b82f6,#2563eb);background-size:100% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.b2-sub{font-size:30px;font-weight:200;text-align:center}.b2-sub font{background:linear-gradient(135deg,#3b82f6,#2563eb);background-size:100% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.b2-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:7px 32px 12px;margin-top:15px;font-size:18px;left:10px;position:relative;border-radius:6px;text-decoration:none;font-weight:500;font-family:Orbitron;transition:all .3s ease-in-out}.b2-btn:hover{transform:scale(1.05)}.b2-btn img{width:25px;height:auto;top:4px;position:relative;margin-left:10px}.mcservsel{background-color:#0b0b14f7;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scaleY(0);z-index:1000;display:flex;height:75%;width:50%;border-radius:10px;transition:.3s ease-in-out;flex-direction:column;align-items:center;justify-content:center}.mcservsel.active{display:flex;transform:translate(-50%,-50%) scaleY(1)}.mcservsel>:first-child{flex:0 0 84.9%}.mcservsel>:nth-child(2){flex:0 0 .1%}.mcservsel>:last-child{flex:0 0 15%}.mcservsel .nav-btns{display:flex;align-items:center;justify-content:center;gap:60%;width:100%}.mcservsel .nav-btns>:first-child{color:#fff;background-color:#0084ff26;backdrop-filter:blur(4px);padding:12px 32px;font-size:100%;font-family:Orbitron;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease-in-out;border-width:1px;border-style:solid;border-color:#fff3;cursor:pointer}.mcservsel .nav-btns>:last-child{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:12px 32px;font-size:100%;border-radius:6px;text-decoration:none;font-weight:500;font-family:Orbitron;transition:all .3s ease-in-out;cursor:pointer}.mcservsel .nav-btns a:hover{transform:scale(1.05)}.mcservsel .mcservsel-pages{height:100%;width:100%;display:flex;overflow:hidden;justify-content:center;align-items:center}.mcservsel .mcservsel-pages .page{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-start;height:90%;width:90%;gap:50px;transition:.15s ease-in-out;transform:scale(0);flex:0 0 0%}.mcservsel .mcservsel-pages .page.active{display:flex;transform:scale(1);flex:0 0 100%}.mcservsel .mcservsel-pages .page span{font-family:Orbitron;font-size:28px;font-weight:500;color:#fff}.mcservsel .mcservsel-pages .page .options{display:flex;flex-direction:column;gap:10px;width:90%;align-items:flex-start;justify-content:flex-start}.mcservsel .mcservsel-pages .page .options a{padding:10px 20px;font-size:18px;width:80%;background-color:#0084ff0d;backdrop-filter:blur(4px);border-width:2px;border-style:solid;border-color:#fff3;border-radius:8px;font-family:Orbitron;cursor:pointer;transition:.15s ease-in-out}.mcservsel .mcservsel-pages .page .options a:hover,.mcservsel .mcservsel-pages .page .options a.active{border-color:#2563eb}.mcservsel .mcservsel-pages #final .options a{padding:10px 20px;font-size:18px;width:80%;background-color:#0084ff0d;backdrop-filter:blur(4px);border-width:2px;border-style:solid;border-color:#fff3;border-radius:8px;font-family:Orbitron;cursor:pointer;transition:.15s ease-in-out}.mcservsel .mcservsel-pages #final .options a i{color:#2563eb}.mcservsel .mcservsel-pages #final .options a:hover,.mcservsel .mcservsel-pages #final .options a.active{border-color:#fff3}.mcservsel .mcservsel-pages #final .options>:last-child{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:10px 20px;font-size:18px;border-radius:6px;text-decoration:none;font-weight:500;font-family:Orbitron;transition:all .3s ease-in-out;cursor:pointer;border-width:2px;border-color:transparent}.mcservsel .mcservsel-pages #final .options>:last-child:hover{border-color:#000}.mcservsel .mcservsel-pages #final .options a font{color:gray}.mcservsel .mcservsel-pages #final .options a span{font-size:120%}@media only screen and (max-width: 1000px){.head-banner{flex-direction:column;padding:0;margin:0;margin-top:15vh!important;height:max-content}.head-banner:before{height:100%!important;position:relative}.head-banner:after{height:100%!important;position:relative}.head-banner>:first-child{flex:unset!important}.head-banner>:last-child{flex:unset!important}.head-banner-segment1{align-items:center!important;justify-content:center!important;height:max-content!important}.head-banner-segment1 .hbs1t{text-align:center;background-size:100% 75%}.hbs1q{left:0%}.head-banner-segment1 .hbs1s{text-align:center;padding:0 10%}.hbs1f{justify-content:center;padding:0 10%}.head-banner-segment2 .hbs2img{width:400px}.mcservsel{width:90%;height:85%;border-radius:8px}.mcservsel>:first-child{flex:0 0 80%}.mcservsel>:last-child{flex:0 0 20%}.mcservsel .nav-btns{gap:20%;width:100%}.mcservsel .nav-btns>:first-child,.mcservsel .nav-btns>:last-child{padding:10px 22px;font-size:90%;border-radius:5px}.mcservsel .mcservsel-pages{width:100%;height:100%}.mcservsel .mcservsel-pages .page{width:95%;height:95%;gap:30px}.mcservsel .mcservsel-pages .page span{font-size:22px}.mcservsel .mcservsel-pages .page .options{gap:8px;width:100%}.mcservsel .mcservsel-pages .page .options a{width:90%;padding:8px 15px;font-size:16px;border-radius:6px}.mcservsel .mcservsel-pages #final .options a{width:90%;padding:8px 15px;font-size:16px}.mcservsel .mcservsel-pages #final .options>:last-child{padding:8px 15px;font-size:16px;border-radius:5px}.mcservsel .mcservsel-pages #final .options a span{font-size:110%}}