:root{--primary-01:#f6d7b0;--primary-02:#f2d2a9;--primary-03:#eccca2;--primary-04:#e7c496;--primary-05:#e1bf92;--fade-20:#f6d7b020;--fade-50:#f6d7b050;--fade-80:#f6d7b080;--dark-01:#1c1c1c;--dark-02:#2c2c2c;--dark-03:#16130e;--dark-fade-80:#1c1c1c80;--light-01:#f2f2f2;--light-02:#f4f3f2;--light-03:#fcf8f4;--light-04:#fcf3e7;--s_border_1:1px solid var(--fade-50);--s_border_2:1px solid var(--fade-80);--s_border_3:1px solid var(--dark-fade-20);--s_border_4:3px solid var(--primary-02);--s_border_5:5px solid var(--primary-05);--s_border_6:7px solid var(--primary-02);--b_shadow_1:0px 0px 20px 0px var(--dark-fade-20);--b_shadow_2:0px 5px 15px 0px var(--dark-fade-20);--b_shadow_3:0 0 25px -5px var(--fade-20)}*{margin:0;padding:0;color:var(--light-03);font-family:DMsans;letter-spacing:0}body{background-color:var(--dark-02);overflow-x:hidden;background:url(/_next/static/media/background.c6dbe7c0.webp);background-attachment:local;background-position-x:center;background-size:auto calc(100vh + 100px);background-repeat:no-repeat;background-color:var(--dark-01)}a{text-decoration:none}.bg-d1{background-color:var(--dark-01)!important}.bg-fade-1{background-color:var(--dark-fade-80)!important}.bg-blur-5{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.bg-unset{background:unset!important;backdrop-filter:unset!important;-webkit-backdrop-filter:unset!important}.bg-soldier{background:url(/_next/static/media/bg-soldier.966b994a.webp);background-repeat:no-repeat;background-position:50%;background-size:cover}.bg-blur-fade{background-color:var(--dark-fade-80)!important;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flex{display:flex!important;opacity:1!important}.button-holder{display:flex;gap:10px;animation:onload-animation-title-buttons 1s ease}.button{width:180px;height:30px;padding:3px 20px;display:flex;align-items:center;justify-content:space-around;position:relative;cursor:pointer;background:linear-gradient(90deg,var(--fade-80),var(--fade-50));border:2px solid var(--light-04);color:var(--light-04);font-size:18px;font-weight:400;text-decoration:none;transition:background .3s ease-in-out}.button.null{background:unset;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:var(--s_border_2);width:unset;padding:4px 20px;max-width:150px}.button.free{width:unset}.button:before{content:"";width:4px;height:28px;background:#2c2c2c;transform:rotate(-45deg);position:absolute;border:0;border-right:2px solid var(--light-04);bottom:-7px;left:4px;border-bottom-left-radius:10px;border-top-left-radius:10px}.button.null:before{border:unset;width:0;height:0}.button:after{content:"";position:absolute;left:-2px;bottom:-2px;border-top:15px solid transparent;border-left:15px solid var(--light-04)}.button.null:after{left:-1px;bottom:-1px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--primary-05);color:var(--dark-01);padding:5px 10px;border-radius:4px;transition:all .2s ease-in-out;text-decoration:none}.btn:hover{background-color:var(--primary-01)}.btn img{width:25px!important;height:25px!important}nav{width:100vw;border-bottom:var(--s_border_1);grid-template-rows:35px 60px;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;transition:all .3s ease}.nav-container,nav{display:grid;position:relative}.nav-container{width:1800px;height:100%;border-left:var(--s_border_1);border-right:var(--s_border_1);grid-template-columns:300px auto 300px}.nav-container:first-child{border-bottom:var(--s_border_1)}.nav-container .barbtn{cursor:pointer;position:absolute;top:10px;right:30px;display:none;width:2.5rem;height:2.5rem;color:var(--primary-05);z-index:11}.nav-container .barbtn svg{stroke:var(--primary-01)}.nav-side{display:flex;justify-content:center;align-items:center;width:100%;height:100%;gap:15px;transition:all .3s ease}.nav-side:not(:last-child){border-right:var(--s_border_1)}.nav-side.logo{position:relative;display:flex;justify-content:end;align-items:end;z-index:10}.nav-side.logo img{position:absolute;top:-15px;left:30px;height:90px;z-index:10}.nav-side.logo span{font-family:Warungasem;font-size:3rem;color:var(--primary-02);margin-right:30px}.nav-side.menu{display:flex;gap:10px}.nav-side.menu a{display:flex;align-items:center;justify-content:center;padding:3px 14px;text-decoration:none;border-radius:4px;transition:all .1s ease-in-out;border:1px solid transparent}.nav-side.menu a:hover{border:var(--s_border_1);background-color:var(--fade-50)}.nav-side.society{align-items:center;justify-content:center;gap:30px}.nav-side.society img{width:1.25rem;transition:all .2s ease-in-out}.nav-side.society img:hover{scale:120%}.top-section{height:calc(100vh - 199px)}.section,.top-section{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.section{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-bottom:var(--s_border_1);background-color:var(--dark-01);overflow:hidden}.container{width:1700px;padding:0 50px;border-left:var(--s_border_1);border-right:var(--s_border_1);height:100%;display:flex;flex-direction:column;gap:30px}.top-section .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center}.container-side.title{display:flex;flex-direction:column;align-items:center;height:300px}.container-side.title h1{margin-bottom:-60px;animation:onload-animation-title-h1 1s ease}.container-side.title .bold{font-family:Warungasem;font-size:15rem;letter-spacing:2.5}.container-side.title .semi-bold{font-family:Warungasem;font-size:5rem;animation:onload-animation-title-span 1s ease}.container-side.img{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.container-side.img img:not(.game-icon){width:60%;object-fit:contain;position:absolute;z-index:2;right:50px;bottom:-60px;animation:onload-animation-shirdal 1s ease}.container-side.img .focus{width:100px;height:100px;position:relative;animation:onload-animation-icons 1s ease}.container-side.img .focus .game-icon{position:absolute;width:100px;height:100px}.container-side.img .focus .game-icon:first-child{top:-100px;left:-100px;transform:rotate(-30deg);animation:onload-animation-icon-1 3s ease-in-out 1s infinite}.container-side.img .focus .game-icon:nth-child(2){top:-220px;left:200px;transform:rotate(20deg);animation:onload-animation-icon-2 3s ease-in-out infinite}.container-side.img .focus .game-icon:nth-child(3){top:200px;left:-50px;transform:rotate(-10deg);animation:onload-animation-icon-3 3s ease-in-out infinite}.container-side.img .focus .game-icon:nth-child(4){top:200px;left:350px;transform:rotate(20deg);animation:onload-animation-icon-4 3s ease-in-out infinite}.container-side.img .focus .game-icon:nth-child(5){top:0;left:400px;transform:rotate(10deg);animation:onload-animation-icon-5 3s ease-in-out infinite}.circle-absolute{position:absolute;width:56vw;right:0;z-index:0;overflow:hidden}.circle-relative{position:relative}.circle-relative .circle{width:60vw;animation:blur-rotation 60s ease-in-out infinite}.section-line{width:100vw;background-color:var(--primary-03);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-top:var(--s_border_1);border-bottom:var(--s_border_1);display:flex;align-items:center;justify-content:space-between;height:100px;overflow-x:hidden;box-shadow:inset 0 0 30px 0 var(--dark-fade-80);position:relative;z-index:3}.section-line .zarathustra{display:flex;font-family:zarathustra;color:var(--dark-02);font-size:4rem}.section-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:50px;border-bottom:var(--s_border_1)}.section-title h1{font-family:BoldR;font-size:4rem}.section-title p{width:760px;text-align:center}.section-title-bg{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;border-bottom:var(--s_border_1)}.section-title-bg h1{font-family:boldR;font-size:6rem}.container-title{display:grid;grid-template-columns:300px auto;align-items:start;grid-gap:20px 100px;gap:20px 100px;padding:50px;border-bottom:var(--s_border_2)}.container-title h2{font-family:ExtraBoldIt;font-size:4rem;letter-spacing:2}.container-title a,.container-title p{padding:10px;font-size:1.5rem}.container-title a{color:var(--primary-01);display:flex;justify-content:start;align-items:center;gap:10px}.container-title a svg{stroke:var(--primary-01);width:1.25rem}.team-slider{padding:50px;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;align-items:center;grid-gap:10px;gap:10px;min-height:500px}.team-slider .item{position:relative;width:300px;height:400px;border:var(--s_border_4);-webkit-clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%);clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%);transition:all .35s ease}.team-slider .item img{object-fit:cover}.team-slider .item .gradient{position:absolute;bottom:0;width:100%;height:75px;background:linear-gradient(#00000000,#e1bf9230 100%);transition:all .35s ease}.team-slider .item:first-child{transform:perspective(1000px) rotateY(20deg);width:330px;height:440px}.team-slider .item:nth-child(2){transform:perspective(1000px) rotateY(10deg)}.team-slider .item:nth-child(3){transform:perspective(1000px) rotateY(-10deg)}.team-slider .item:nth-child(4){transform:perspective(1000px) rotateY(-20deg);width:330px;height:440px}.team-slider .item:hover{width:360px;height:480px;transform:perspective(1000px) rotateY(0deg)}.team-slider .item:hover .gradient{height:110px}.team-slider .item .links{width:100%;display:flex;border-top:var(--s_border_2);height:50px;position:absolute;bottom:0}.teams-holder{display:grid;grid-template-columns:repeat(auto-fill,300px);padding:50px;justify-content:center;align-items:center;grid-gap:50px;gap:50px}.teams-holder.wide{grid-template-columns:repeat(auto-fill,420px)}.teams-holder .item{position:relative;height:350px;display:grid;grid-template-rows:180px 50px auto;align-items:center;justify-items:center;transition:all .2s ease-in-out;cursor:pointer;-webkit-clip-path:polygon(5% 15%,0 10%,0 0,100% 0,100% 10%,95% 15%,95% 85%,100% 90%,100% 100%,0 100%,0 90%,5% 85%);clip-path:polygon(5% 15%,0 10%,0 0,100% 0,100% 10%,95% 15%,95% 85%,100% 90%,100% 100%,0 100%,0 90%,5% 85%);background-color:var(--primary-05)}.teams-holder .item.long{height:450px}.teams-holder .item:hover{scale:103%}.teams-holder .team-name{font-family:DMsansIt;font-size:2rem;transition:all .35s ease-in-out}.teams-holder .game-logo{width:100px;transition:all .35s ease-in-out;margin-top:20px}.teams-holder .team-desc{opacity:0;text-align:center;width:200px;transition:all .35s ease-in-out;margin-top:80px}.teams-holder .gradient{position:absolute;bottom:0;width:100%;height:75px;background:linear-gradient(#00000000,#e1bf9230 100%);transition:all .35s ease}.teams-holder .item .background{object-fit:cover;top:0;left:0;position:absolute;z-index:-1;-webkit-clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%);clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%)}.teams-holder .item:hover .team-name{font-size:3rem}.teams-holder .item:hover .game-logo{width:150px}.teams-holder .item:hover .team-desc{opacity:1;margin-top:0}.teams-holder .item:hover .gradient{height:110px}.slider-section{width:calc(100% - 100px);display:grid;padding:50px;grid-gap:80px;gap:80px;grid-template-columns:600px 600px;justify-content:center}.player-info{display:grid;grid-template-columns:150px 450px;grid-template-rows:40px auto}.player-info__head{grid-column:1/3;display:flex;align-items:center;justify-content:start;border:var(--s_border_2);padding:10px;border-radius:5px}.player-info__head .back-btn{display:flex;font-size:1.25rem;gap:10px}.player-info__head .back-btn svg{width:1.25rem}.player-info__social{display:flex;flex-direction:column;align-items:center;margin:30px 0;gap:20px}.player-info__social .social-item{border:var(--s_border_4);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:4px;-webkit-clip-path:polygon(5% 30%,0 10%,0 0,100% 0,100% 10%,95% 30%,95% 70%,100% 90%,100% 100%,0 100%,0 90%,5% 70%);clip-path:polygon(5% 30%,0 10%,0 0,100% 0,100% 10%,95% 30%,95% 70%,100% 90%,100% 100%,0 100%,0 90%,5% 70%);transition:all .2s ease}.player-info__social .social-item:hover{scale:110%}.player-info__social .social-item svg{width:90%;height:90%}.player-info__main{display:flex;flex-direction:column;padding:10px;margin:20px;gap:50px}.player-info__main h2{text-align:center;-webkit-clip-path:polygon(5% 40%,0 10%,0 0,100% 0,100% 10%,95% 40%,95% 60%,100% 90%,100% 100%,0 100%,0 90%,5% 60%);clip-path:polygon(5% 40%,0 10%,0 0,100% 0,100% 10%,95% 40%,95% 60%,100% 90%,100% 100%,0 100%,0 90%,5% 60%);border-left:var(--s_border_6);border-right:var(--s_border_6);padding:0 30px;font-size:4rem}.player-info__main .description{display:flex;flex-direction:column;gap:20px}.player-info__main span{display:grid;grid-template-columns:30px auto;align-items:start;grid-gap:10px;gap:10px}.player-info__main p{font-size:1.25rem}.player-info__main svg{height:1.5rem}.players{display:flex;flex-direction:column;width:100%;gap:10px}.players button{cursor:pointer;background-color:var(--dark-fade-80);height:40px;border:var(--s_border_2);border-radius:4px}.players svg{stroke:var(--primary-01);width:40px;height:40px}.players-viewport{overflow:hidden}.player-holder{display:flex;height:600px;flex-direction:column;gap:10px}.player-holder .item{position:relative;flex:0 0 90%;min-width:0;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .35s ease-in-out;-webkit-clip-path:polygon(5% 15%,0 10%,0 0,100% 0,100% 10%,95% 15%,95% 85%,100% 90%,100% 100%,0 100%,0 90%,5% 85%);clip-path:polygon(5% 15%,0 10%,0 0,100% 0,100% 10%,95% 15%,95% 85%,100% 90%,100% 100%,0 100%,0 90%,5% 85%);background-color:var(--primary-01)}.player-holder .team-name{font-family:DMsansIt;font-size:2rem;transition:all .35s ease-in-out}.player-holder .game-logo{width:100px;transition:all .35s ease-in-out;margin-top:20px}.player-holder .team-desc{opacity:0;text-align:center;width:200px;transition:all .35s ease-in-out;margin-top:80px}.player-holder .item .background{top:0;left:0;position:absolute;object-fit:cover;z-index:-1;-webkit-clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%);clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%)}.player-holder .item:hover .team-name{font-size:3rem}.player-holder .item:hover .game-logo{width:150px}.player-holder .item:hover .team-desc{opacity:1;margin-top:0}.container-center{display:flex;flex-direction:column;align-items:center;padding:50px;gap:10px}.container-center span{font-size:1.5rem;text-align:center}.container-center h2{font-family:BoldR;text-align:center;font-size:3rem;letter-spacing:1.2}.society-holder{display:grid;align-items:center;justify-items:center;grid-template-columns:500px auto;padding:50px 0;grid-gap:10px;gap:10px;min-height:700px}.society-holder .btn{display:flex;align-items:center;font-size:1.25rem}.society-holder .description{width:380px;display:flex;flex-direction:column;align-items:center;border:var(--s_border_5);padding:90px 30px;-webkit-clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%);clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%)}.society-holder h2{font-family:BoldR;text-align:center;font-size:4rem}.society-holder p{padding:10px;font-size:1.5rem}.society-holder .row{width:calc(100% - 30px);display:flex;align-items:center;justify-content:space-around;margin:5px;padding:15px;font-size:1.5rem;border-bottom:var(--s_border_2)}.society-holder .focus{position:relative;width:100px;height:100px}.society-holder .item{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;position:absolute;width:360px;height:380px;border:var(--s_border_4);border-radius:4px;background:linear-gradient(#00000000,#1c1c1c20 100%);display:flex;flex-direction:column;justify-content:end;transition:all .2s ease;-webkit-clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%);clip-path:polygon(6% 15%,1% 10%,0 0,100% 0,99% 10%,94% 15%,94% 85%,99% 90%,100% 100%,0 100%,1% 90%,6% 85%)}.society-holder .item:hover{scale:105%;z-index:10!important;box-shadow:var(--b_shadow_3)}.society-holder .item .desc{width:calc(100% - 70px);padding:20px 35px;border-radius:2px;background:linear-gradient(#00000000,#1c1c1c 100%);display:flex;flex-direction:column;align-items:end}.society-holder .item .desc span{font-family:DMsansIt;font-weight:900;font-size:1.35rem}.society-holder .item img{z-index:-1;border-radius:4px;object-fit:cover}.society-holder .item.left{right:50px;bottom:-100px;z-index:5;animation:vertical-animation-bottom 5s ease-in-out infinite}.society-holder .item.up{bottom:10px;z-index:4}.society-holder .item.down{top:50px;right:-100px;z-index:3}.society-holder .item.right{left:150px;bottom:-150px;z-index:2;animation:vertical-animation-bottom 6s ease-in-out infinite;animation-delay:.5s}.content-holder{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,300px);padding:50px 0;grid-gap:20px;gap:20px}.content-holder .item{position:relative;height:100%!important;border-radius:2px}.content-holder .item:first-child{grid-row:1/3}footer{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--dark-01)}footer .footer-section{margin-top:30px;display:grid;grid-template-columns:400px auto;grid-gap:10px;gap:10px;border-bottom:var(--s_border_2);justify-content:center}footer .logo{display:flex;flex-direction:column;align-items:center}footer .logo img{width:200px}footer .row{display:flex;justify-content:space-between;padding:20px 5px}footer .row:not(:last-child){border-bottom:var(--s_border_2)}footer .subtitle{width:800px;height:100%;display:flex;flex-direction:column;align-self:flex-end}footer .subtitle .logoname{align-self:flex-start;font-family:Warungasem;font-size:4rem;color:var(--primary-02)}footer .subtitle p{text-align:center;border-bottom:var(--s_border_2);padding:10px;font-size:1.25rem}footer .subtitle div:not(.row){display:flex;justify-content:space-around;align-items:center;padding:10px}footer .subtitle a{text-decoration:none}footer .terms:hover{text-decoration:underline}.contents{padding-bottom:100px}.contents .creators{display:flex;flex-direction:column;gap:20px}.contents .creators .list{display:flex;gap:10px;padding:0 0 50px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}.contents .creators .profile{flex-shrink:0;cursor:pointer;width:90px;height:90px;border:3px solid var(--fade-20);border-radius:100%;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;position:relative}.contents .creators .profile.active,.contents .creators .profile:hover{border:3px solid var(--primary-03)}.contents .creators .profile img{width:80px;height:80px;object-fit:cover;border-radius:100%}.contents .creators .profile span{position:absolute;bottom:-30px;transition:all .2s ease-in-out}.contents .grid{display:grid;justify-content:center;grid-template-columns:repeat(auto-fill,533px);grid-gap:30px;gap:30px;margin:30px auto}.contents .grid,.contents .item{width:100%;transition:all .3s ease}.contents .item{cursor:pointer;position:relative;height:300px;border-radius:8px;overflow:hidden}.contents .title{width:calc(100% - 40px);height:40px;padding:20px;display:flex;flex-direction:column;justify-content:center;bottom:0;position:absolute;background:linear-gradient(#00000000,#1c1c1ce6 100%);z-index:1;transition:all .5s ease}.contents .title-holder{transition:all .5s ease;margin-bottom:-40px}.contents .item:hover .title-holder{margin-bottom:0}.contents .head{width:calc(100% - 40px);height:30px;display:flex;justify-content:space-between;padding:5px 20px 20px;top:0;position:absolute;background:linear-gradient(#1c1c1ce6,#00000000 100%);z-index:1;opacity:0;transition:all .5s ease}.contents .heroicon{width:1.25rem}.contents span{display:flex;align-items:center;gap:5px}.contents .item p{transition:all .5s ease;visibility:hidden;opacity:0}.contents .item:hover p{opacity:1;visibility:visible}.contents .item img{border-radius:8px;object-fit:cover;transition:all .5s ease;opacity:.75}.contents .item:hover img{scale:110%;opacity:1}.contents .item:hover .head{padding-top:15px;opacity:1}.register-form{width:1200px;padding:10px;display:flex;flex-direction:column;gap:15px;margin:auto auto 100px}.register-form .row{display:flex;align-items:center;justify-content:space-around;gap:15px}.register-form .input-holder{width:100%;display:flex;flex-direction:column;gap:5px}.register-form input{height:30px}.register-form input,.register-form option,.register-form select{font-size:1.25rem;border:var(--s_border_2);background-color:var(--dark-fade-80);border-radius:4px;outline:unset;padding:2px 8px;transition:all .2s ease-in-out}.register-form option,.register-form select{height:36px}.register-form input:focus,.register-form select:focus{border:1px solid var(--primary-01)}.register-form button{width:100%;height:40px;font-size:1.25rem;background-color:var(--primary-05);border:var(--s_border_2);border-radius:4px;color:var(--dark-01);transition:all .2s ease-in-out}.register-form button:hover{background-color:var(--primary-01)}.partner-segment{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"image content";grid-gap:20px;gap:20px}.partner-segment:nth-child(odd){grid-template-areas:"content image"}.partner-segment:last-child{margin-bottom:50px}.partner-segment .image{height:500px;position:relative;grid-area:image}.partner-segment .image img{object-fit:cover}.partner-segment .segment__content{grid-area:content;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:50px}.segment__content .title{font-size:2rem}.terms-section{margin:auto;max-width:800px}.not-found,.terms-section{padding:50px;display:flex;flex-direction:column;gap:20px}.item-404,.not-found{align-items:center}.item-404{display:flex}.item-404 span{font-size:100px}.item-404 img{animation:blur-rotation 15s ease-in-out infinite}@media screen and (max-width:1800px){.nav-container{width:1200px}.container{width:1100px}.team-slider{padding:50px;display:grid;grid-template-columns:repeat(2,300px);justify-content:center;justify-items:center;align-items:center;grid-gap:50px;gap:50px}.team-slider .item{transform:unset!important;width:300px!important;height:400px!important}.team-slider .item:hover{width:unset;height:unset;transform:unset}.register-form{width:1000px}.container-side.title .bold{font-family:Warungasem;font-size:10rem}.container-side.title h1{margin-bottom:-40px}.container-side.img img{width:70%;right:50px;top:unset;bottom:0}.container-side.img .focus .game-icon{position:absolute;width:70px;height:70px}footer .subtitle{width:600px}.society-holder{grid-template-columns:400px auto}.society-holder .description{width:350px;padding:60px 30px}.society-holder .item{width:270px;height:300px}.slider-section{gap:20px;grid-template-columns:500px 500px}.player-info{grid-template-columns:80px 420px}.player-info__social .social-item{width:60px;height:60px}}@media screen and (max-width:1260px){.nav-container{width:760px;grid-template-columns:auto;padding:0 20px}.nav-container:first-child{grid-template-columns:1fr 1fr}.top-section .container{grid-template-columns:unset;grid-template-rows:1fr 1fr}.circle-absolute{width:700px;right:unset;bottom:-200px}.circle-relative .circle{width:100%}.container-side.img img{width:70%;right:50px;bottom:0}.res-flex-column{flex-direction:column!important}.res-padding-20{padding:20px!important}.nav-expanded{grid-template-rows:35px 500px}.nav-side.logo span{display:none}.nav-container .barbtn{display:block}.container{width:700px}.register-form{width:600px}.register-form .row{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:15px}.nav-side:not(:last-child){border-right:unset}.nav-side.menu,.nav-side.society .btn{display:none;opacity:0}.container-side.title .bold{font-family:Warungasem;font-size:8rem}.container-side.title .semi-bold{font-family:Warungasem;font-size:4rem}.container-side.title h1{margin-bottom:-40px}.container-side.img .focus .game-icon{position:absolute;width:60px;height:60px}footer .subtitle{width:400px}footer .footer-section{grid-template-columns:300px auto}footer .row{flex-wrap:wrap;justify-content:center;gap:10px}.button{min-width:90px}.section-title p{width:500px}.container-title{grid-template-columns:unset;grid-template-rows:auto auto;gap:0}.container-title h2{font-size:3rem}.container-title a,.container-title p{font-size:1rem}.society-holder{grid-template-columns:auto;grid-template-rows:500px auto;min-height:1300px}.society-holder .description{width:80%;padding:100px 30px}.society-holder .item{width:270px;height:300px}.society-holder .item.right{left:110px}.content-holder{grid-template-columns:auto;grid-template-rows:repeat(3,400px)}.content-holder .item:first-child{grid-row:unset}.slider-section{display:flex;flex-direction:column-reverse;gap:20px;align-items:center}.player-info{width:100%;grid-template-columns:80px auto}.player-info__social .social-item{width:60px;height:60px}.partner-segment{display:flex;flex-direction:column;gap:20px}}@media screen and (max-width:960px){.nav-container{width:660px;grid-template-columns:auto;padding:0 20px}.nav-side.logo span{display:none}.container{width:600px}.register-form{width:500px}.circle-absolute{width:600px;right:unset;bottom:-100px}.container-side.title .bold{font-family:Warungasem;font-size:6rem}.container-side.title .semi-bold{font-family:Warungasem;font-size:3rem}.container-side.title h1{margin-bottom:-30px}.section-title p{width:300px}footer .subtitle{width:370px}footer .footer-section{grid-template-columns:200px auto}footer .logo img{width:150px}.button{min-height:27px;min-width:80px;font-size:.875rem}}@media screen and (max-width:730px){.nav-container{width:360px;grid-template-columns:auto;padding:0 20px}.nav-side.logo span{display:none}.container{width:360px;padding:0 20px}.circle-absolute{width:360px;right:unset;bottom:-150px;display:flex;justify-content:center}.circle-relative .circle{width:630px;animation:blur-rotation 60s ease infinite}.team-slider{grid-template-columns:300px}.teams-holder.wide{grid-template-columns:repeat(auto-fill,330px)}.teams-holder.wide .item .team-name{font-size:1.5rem}.register-form{width:300px}.contents .grid{grid-template-columns:repeat(auto-fill,100%)}.contents .item{height:200px}.top-section .container{grid-template-columns:unset;grid-template-rows:1fr 1fr}.container-side.title .bold{font-family:Warungasem;font-size:6rem}.container-side.title .semi-bold{font-family:Warungasem;font-size:3rem}.container-side.title h1{margin-bottom:-30px}footer .footer-section{grid-template-columns:unset;grid-template-rows:200px auto}footer .subtitle{width:300px}footer .subtitle .logoname{align-self:center}.button.null{min-height:27px;min-width:65px;font-size:.875rem}.container-title h2{font-size:2.5rem}.container-title a,.container-title p{font-size:1rem}.container-center span{font-size:1rem;text-align:center}.container-center h2{font-family:BoldR;text-align:center;font-size:2rem}.society-holder{grid-template-columns:auto;grid-template-rows:500px auto;min-height:1300px}.society-holder .description{width:80%;padding:30px}.society-holder .btn{font-size:.875rem}.society-holder .focus{width:100%;height:unset;display:flex;flex-direction:column;align-items:center;gap:30px}.society-holder .item{width:330px;height:360px;animation:unset!important;position:relative;right:0!important;left:0!important;top:0!important;bottom:0!important}.society-holder .item.right{left:110px}.content-holder{grid-template-rows:repeat(3,200px);padding:0 0 40px}.content-holder .item:first-child{grid-row:unset}.slider-section{width:100%;padding:0;display:flex;flex-direction:column-reverse;gap:20px;align-items:center}.player-info{padding:0;width:100%;grid-template-columns:80px auto}.player-holder{height:400px}.player-info__social .social-item{width:50px;height:50px}.player-info__social .social-item svg{width:80%;height:80%}.partner-segment .image{height:200px;position:relative;grid-area:image}}@media screen and (max-width:420px){.container,.nav-container{width:330px;padding:0 15px}.circle-absolute{width:330px;right:unset;bottom:-150px;display:flex;justify-content:center}}@keyframes onload-animation-shirdal{0%{bottom:-300px;opacity:0}to{bottom:-60px;opacity:1}}@keyframes onload-animation-icons{0%{bottom:-150px;opacity:0}to{bottom:0;opacity:1}}@keyframes onload-animation-icon-1{0%{top:-100px}50%{top:-130px}to{top:-100px}}@keyframes onload-animation-icon-2{0%{top:-220px}50%{top:-240px}to{top:-220px}}@keyframes onload-animation-icon-3{0%{top:200px;left:-50px}50%{top:220px;left:-40px}to{top:200px;left:-50px}}@keyframes onload-animation-icon-4{0%{top:200px;left:350px}50%{top:220px;left:340px}to{top:200px;left:350px}}@keyframes onload-animation-icon-5{0%{top:0;left:400px}50%{top:20px;left:390px}to{top:0;left:400px}}@keyframes onload-animation-title-h1{0%{margin-left:-300px;opacity:0}to{margin-left:0;opacity:1}}@keyframes onload-animation-title-span{0%{margin-left:-200px;opacity:0}to{margin-left:0;opacity:1}}@keyframes onload-animation-title-buttons{0%{margin-left:-100px;opacity:0}to{margin-left:0;opacity:1}}@keyframes blur-rotation{0%{rotate:0deg}50%{rotate:180deg}to{rotate:1turn}}@keyframes vertical-animation-bottom{0%{bottom:-80px}50%{bottom:-130px}to{bottom:-80px}}@keyframes vertical-animation-shirdal{0%{bottom:20px}50%{bottom:100px}to{bottom:20px}}@keyframes vertical-animation-shirdal-res{0%{bottom:-10px}50%{bottom:40px}to{bottom:-10px}}@media screen and (max-width:1800px){@keyframes onload-animation-icon-1{0%{top:-100px}50%{top:-130px}to{top:-100px}}@keyframes onload-animation-icon-2{0%{top:-120px}50%{top:-140px}to{top:-120px}}@keyframes onload-animation-icon-3{0%{top:200px;left:-50px}50%{top:220px;left:-40px}to{top:200px;left:-50px}}@keyframes onload-animation-icon-4{0%{top:200px;left:240px}50%{top:220px;left:220px}to{top:200px;left:240px}}@keyframes onload-animation-icon-5{0%{top:0;left:260px}50%{top:20px;left:240px}to{top:0;left:260px}}}@media screen and (max-width:1260px){@keyframes onload-animation-icon-1{0%{top:-100px}50%{top:-130px}to{top:-100px}}@keyframes onload-animation-icon-2{0%{top:-160px}50%{top:-180px}to{top:-160px}}@keyframes onload-animation-icon-3{0%{top:60px;left:-50px}50%{top:80px;left:-40px}to{top:60px;left:-50px}}@keyframes onload-animation-icon-4{0%{top:100px;left:240px}50%{top:120px;left:220px}to{top:100px;left:240px}}@keyframes onload-animation-icon-5{0%{top:-20px;left:220px}50%{top:0;left:200px}to{top:-20px;left:220px}}}@media screen and (max-width:730px){@keyframes onload-animation-icon-1{0%{top:-100px}50%{top:-130px}to{top:-100px}}@keyframes onload-animation-icon-2{0%{top:-120px;left:100px}50%{top:-140px;left:100px}to{top:-120px;left:100px}}@keyframes onload-animation-icon-3{0%{top:60px;left:-50px}50%{top:80px;left:-40px}to{top:60px;left:-50px}}@keyframes onload-animation-icon-4{0%{top:100px;left:160px}50%{top:120px;left:140px}to{top:100px;left:160px}}@keyframes onload-animation-icon-5{0%{top:-20px;left:170px}50%{top:0;left:140px}to{top:-20px;left:170px}}}