app.17c571f40beef142d131.bundle.css

@import url(https://fonts.googleapis.com/css?family=Zilla+Slab:700|Righteous|Poppins|Montserrat:700|Kulim+Park:400,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Kulim+Park&display=swap);.no-select{-webkit-tap-highlight-color:transparent;user-select:none}*{box-sizing:border-box;margin:0;padding:0}html{--scrollbarBG:hsla(0,0%,100%,0.13333333333333333);--thumbBG:rgba(144,164,174,0.2)}body::-webkit-scrollbar{width:11px}body{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}body::-webkit-scrollbar-track{background:var(--scrollbarBG)}body::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG)}body{overflow-x:hidden;background:rgba(0,0,0,.918);font-family:Kulim Park,sans-serif;color:#fff}a{outline:none;text-decoration:none}#window{position:relative}#window,section{width:100vw;height:100vh;overflow-x:hidden}section{padding-top:5rem;overflow-y:auto;position:absolute;top:0;left:0;transform:translateX(-100vw);transition:.6s}section.active{transform:translateX(0)}section.active~section{transform:translateX(100vw)}section .content{max-width:1440px;margin:auto}.topic .heading{margin:auto}.topic .heading span{-webkit-tap-highlight-color:transparent;user-select:none;font-family:Zilla Slab,serif;font-size:48px;color:#fff;font-weight:lighter;position:relative}.topic .desc{padding:2em;font-size:larger;text-align:justify}.band{color:#fff;display:inline-block;width:fit-content;position:sticky;left:0;top:50%;transform:translateX(-120%);padding:.5em .3em .5em 1em;font-family:Montserrat;text-transform:uppercase;letter-spacing:2px;animation-name:slidein;animation-delay:1s;animation-duration:5s;animation-fill-mode:forwards;animation-play-state:paused;z-index:6}.band:after{top:-3px;z-index:-2;width:calc(100% + 1em + 4px);height:calc(100% + 6px);background-image:linear-gradient(to bottom right,#fff,#3fc1c6);clip-path:polygon(0 0,calc(100% - 1.2em + 1px) 0,100% 50%,calc(100% - 1.2em + 1px) 100%,0 100%)}.band:after,.band:before{content:"";position:absolute;left:0}.band:before{width:calc(100% + 1em);height:100%;top:0;background:#000;z-index:-1;clip-path:polygon(0 0,calc(100% - 1em) 0,100% 50%,calc(100% - 1em) 100%,0 100%)}.band.active{animation-play-state:running}@keyframes slidein{0%{transform:translateX(-120%)}10%{transform:translateX(0)}11%{transform:translateX(0)}89%{transform:translateX(0)}90%{transform:translateX(0)}to{transform:translateX(-120%)}}.page{width:100vw;height:100vh;position:relative}#workshops .box{width:90%;max-width:650px;text-align:center;height:70%;margin:40px auto;border:2px solid #fff;border-radius:10px;box-shadow:0 0 10px #666;padding:40px 40px 6px}#workshops .box .label{color:#fff;font-size:30px;padding-top:10px;padding-bottom:3px;font-weight:700}#workshops .box img{width:100%;max-width:300px}#workshops .box p{text-align:justify;font-size:16px;line-height:30px;padding-bottom:1em}#workshops .box .desc{font-family:Lucida Sans,sans-serif;font-size:20px}#workshops .box .desc strong{color:#fff}#workshops .box .desc .header{display:block;font-family:montserrat;font-size:22px}#workshops .box a{text-align:left;display:block;color:#3fc1c6;margin-bottom:20px}#workshops .box ul{text-align:justify;font-size:16px;line-height:30px;padding-bottom:1em}#workshops .box .perks{width:60px}.coming_soon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2vw;color:#fff;text-align:center}.coming_soon h1{color:#3fc1c6;margin-bottom:20px}#events{padding-bottom:6em}#events .info{background:#fff;color:#000;padding:1em;font-size:21px;border-radius:3px}#events .card-holder{display:flex;justify-content:center;flex-wrap:wrap}#events .card-holder .card{-webkit-tap-highlight-color:transparent;user-select:none;perspective:1000px;background:transparent;width:400px;height:500px;margin:15px;cursor:pointer;transition:transform .1s}#events .card-holder .card *{pointer-events:none}#events .card-holder .card .inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}#events .card-holder .card .inner .back,#events .card-holder .card .inner .front{text-align:justify;position:absolute;width:100%;height:100%;backface-visibility:hidden;background-color:#2b2b2b;border:3px solid #3fc1c6;box-shadow:0 0 12px #3fc1c6;border-radius:10px;border-image-slice:1;display:flex;flex-direction:column;align-content:center}#events .card-holder .card .inner .front img{width:55%;height:400px}#events .card-holder .card .inner .front h3{font-family:Righteous,sans-serif;color:#fff;font-size:21px;padding:.9em;font-weight:unset}#events .card-holder .card .inner .front>.prize{position:absolute;bottom:0;padding:.7em;background:#fff;color:rgba(0,0,0,.918);border-radius:5px 5px 0 0;left:50%;transform:translateX(-50%);font-weight:700}#events .card-holder .card .inner .back{transform:rotateY(180deg);padding:1em;justify-content:center}#events .card-holder .card .inner .back p{border:2px solid #fff;font-size:20px;border-radius:20px;height:300px;padding:1em}#events .card-holder .card .inner .back .abstract{position:absolute;bottom:1.8em;right:1.8em;display:flex;text-align:center;background:none;color:#fff;font-size:18px;cursor:pointer;pointer-events:all}#events .card-holder .card .inner .back .abstract img{width:23px;height:23px}#events .card-holder .card .inner .back .form{color:#111;font-weight:700;justify-content:center;padding:8px;border-radius:3px;background-color:#3fc1c6;background:linear-gradient(90deg,#3fc1c6,#3fc1c6,#07d9e0,#09e0e7,#17a8ad,#22a2a7);background-size:200% 200%;animation:glow 10s linear infinite;width:50%;left:1em;bottom:1.4em}#events .card-holder .card .inner .back .soon{color:#111;font-weight:700;justify-content:center;padding:8px;border-radius:3px;border:2px solid #24888b;color:#3fc1c6;width:50%;left:1em;bottom:1.4em;margin:auto}@keyframes glow{0%{background-position:0 100%}50%{background-position:100% 50%}to{background-position:0 50%}}#events .card-holder .card.turned .inner{transform:rotateY(-180deg)}#prody{text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:36px;font-weight:700;text-align:center;padding-top:1em;color:#fff}#prody #flicker{color:#fff;text-shadow:0 0 10px #3fc1c6}#dates{text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:30px;font-weight:700;text-align:center;text-shadow:0 0 10px #fff;padding-top:1em;color:#fff}#home{padding:0 0 6em}#home #banner{width:100%;position:absolute;top:50%;transform:translateY(-50%)}#home #banner .image{text-align:center}#home #banner .image img{max-width:60vw;width:330px;padding-top:5em}#matrix-effect{z-index:-2;height:100%}#matrix-effect,#matrix-overlay{position:absolute;top:0;left:0;width:100%}#matrix-overlay{height:100vh;background-image:linear-gradient(#101010 10%,transparent,#101010 90%);z-index:-1}#timer{background-color:hsla(0,0%,100%,.02);border-top:3px solid #fff;border-bottom:3px solid #3fc1c6;border-image-slice:1;border-radius:10px;margin:auto;display:inline-block;padding:5px;font-family:Poppins,sans-serif;letter-spacing:1px}#timer tr.duration{font-size:xx-large;transition:.2s}#timer tr.duration:hover{font-size:40px}#timer tr.top{color:#3fc1c6;font-size:larger;text-transform:uppercase}#timer tr td{padding:6px;text-align:center}#timer tr td .begin{color:#fff;font-size:large}.schedule .cardholder{display:flex;justify-content:center;flex-wrap:wrap;margin-top:5em;margin-bottom:5em}.schedule .cardholder #day1,.schedule .cardholder #day2,.schedule .cardholder #day3{opacity:.3}.schedule .cardholder .card{width:25%;margin-left:1.5em;margin-right:1.5em;padding:3em;background-color:hsla(0,0%,100%,.02);border-top:3px solid #fff;border-bottom:3px solid #3fc1c6}.schedule .cardholder .card .heading{font-size:40px;color:#fff}.schedule .cardholder .card .content{font-size:20px;margin-top:3em}.schedule .cardholder .card .content li{margin-bottom:1.5em}@media screen and (min-width:500px){#prody{font-size:56px}}@media only screen and (max-width:600px){.schedule .cardholder{margin-top:5em}.schedule .cardholder .card{width:80%;margin:3em 10% 10%}}.clear{opacity:0}.reason{padding:0 0 .4vw!important;list-style:none}.reason span{color:#3fc1c6}.timeline{position:relative;width:660px;margin:0 auto 40px;padding:1em 0;list-style-type:none}.timeline:before{position:absolute;left:50%;top:0;content:" ";display:block;width:6px;height:100%;margin-left:-3px;background:#505050;background:-moz-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1e5799),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,rgba(80,80,80,0),#505050 8%,#505050 92%,rgba(80,80,80,0));background:-o-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);background:-ms-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);background:linear-gradient(180deg,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0));z-index:5}.timeline li{padding:1em 0}.timeline li:after{content:"";display:block;height:0;clear:both;visibility:hidden}.direction-l{position:relative;width:300px;float:left;text-align:right}.direction-l .flag{-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);box-shadow:-1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);font-size:30px}.direction-l .flag:before{position:absolute;top:50%;right:-40px;content:" ";display:block;width:12px;height:12px;margin-top:-10px;background:#3fc1c6;border-radius:10px;border:4px solid #fff;z-index:10}.direction-l .flag:after{content:"";position:absolute;left:100%;top:50%;height:0;width:0;margin-top:-8px;border:8px solid transparent;border-left-color:#f8f8f8;pointer-events:none}.direction-l .time-wrapper{float:left}.direction-l .descp{margin:1em 0 0 .75em;font-size:23px}.direction-r{position:relative;width:300px;float:right}.direction-r .flag{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);box-shadow:1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);font-size:30px}.direction-r .flag:before{position:absolute;top:50%;right:-40px;content:" ";display:block;width:12px;height:12px;margin-top:-10px;background:#3fc1c6;border-radius:10px;border:4px solid #fff;z-index:10;left:-40px}.direction-r .flag:after{content:"";position:absolute;right:100%;top:50%;height:0;width:0;margin-top:-8px;border:8px solid transparent;border-right-color:#f8f8f8;pointer-events:none}.direction-r .time-wrapper{float:right}.direction-r .descp{margin:1em 0 0 .75em;font-size:23px}.flag-wrapper{position:relative;display:inline-block;text-align:center}.flag{position:relative;display:inline;background:#3fc1c6;color:#fff;padding:6px 10px;border-radius:5px;font-weight:600;text-align:left}.time-wrapper{display:inline;line-height:1em;font-size:15px;color:#3fc1c6;vertical-align:middle}.time{display:inline-block;padding:4px 6px;background:transparent}.descp{margin:1em .75em 0 0;line-height:1.5em}@media screen and (max-width:660px){.timeline{width:100%;padding:4em 0 1em}.timeline li{padding:2em 0}.direction-l{float:none;width:100%;text-align:center}.direction-l .flag:before{position:absolute;top:-30px;left:50%;content:" ";display:block;width:12px;height:12px;margin-left:-9px;background:#3fc1c6;border-radius:10px;border:4px solid #fff;z-index:10}.direction-l .flag:after{content:"";position:absolute;left:50%;top:-8px;height:0;width:0;margin-left:-8px;border:8px solid transparent;border-bottom-color:#fff;pointer-events:none}.direction-l .time-wrapper{float:none}.direction-l .descp{position:relative;margin:1em 1em 0;padding:1em;z-index:15}.direction-r{float:none;width:100%;text-align:center}.direction-r .flag:before{position:absolute;top:-30px;left:50%;content:" ";display:block;width:12px;height:12px;margin-left:-9px;background:#3fc1c6;border-radius:10px;border:4px solid #fff;z-index:10}.direction-r .flag:after{content:"";position:absolute;left:50%;top:-8px;height:0;width:0;margin-left:-8px;border:8px solid transparent;border-bottom-color:#fff;pointer-events:none}.direction-r .time-wrapper{float:none}.direction-r .descp{position:relative;margin:1em 1em 0;padding:1em;z-index:15}.flag-wrapper{text-align:center}.flag{background:#3fc1c6;z-index:15}.time-wrapper{display:block;position:relative;margin:4px 0 0;z-index:14}.descp{position:relative;margin:1em 0 0;padding:1em;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 1px rgba(0,0,0,.2);box-shadow:0 0 1px rgba(0,0,0,.2);z-index:15}}@media only screen and (max-width:660px){.direction-l .descp,.direction-r .descp{margin:1em 4em 0}}.topic .heading{text-align:center}.topic .heading span{color:#3fc1c6}#about-us{padding-bottom:6em}#about-us .topic .heading{text-align:center}#about-us .topic .heading span{color:#3fc1c6;font-size:5em;letter-spacing:15px;margin-left:60px}.header{margin:auto;display:flex;width:60%;position:relative}.header .image{padding:4px 24px 24px;text-align:center}.header .image img{width:240px}.header .desc{padding:.7em}.header .desc #iste{color:#0f0}.header p{text-align:justify;border-left:2px solid #0f0;padding-left:1em}.header a{color:#03a9f4}.sponsors{padding:1em 0;width:90%;max-width:600px;margin:auto}.sponsors,.sponsors .card{display:flex;flex-wrap:wrap;justify-content:center}.sponsors .card{margin:10px}.sponsors .card .category{background:#3fc1c6;display:inline-block;color:#000;align-self:center;font-weight:700;text-transform:uppercase;text-align:center;margin:.7em auto 1.5em;padding:.7em}.sponsors .card a{flex:100%}.sponsors .card a img{width:100%;transition:.3s}.sponsors .card img:hover{transform:scale(1.1)}.Oursps{text-align:center;width:60%;font-size:3em;color:#fff;margin:20px auto auto}@media only screen and (max-width:600px){.header{width:90%;display:flex;flex-flow:column}#about-us .desc{padding-bottom:6em}}header{position:fixed;display:block;top:0;left:0;width:100%;z-index:9;height:50px}#navbar{min-width:100%;display:flex;justify-content:center;position:absolute;top:0;left:0;background:rgba(0,0,0,.418)}#navbar .tab{-webkit-tap-highlight-color:transparent;user-select:none;color:#3fc1c6;white-space:nowrap;font-family:Montserrat;font-weight:600;padding:1em 1.61em;text-transform:uppercase;transition:.5s;cursor:pointer;position:relative;letter-spacing:.1em;background:transparent}#navbar .tab:before{content:"";width:0;height:2px;background:#fff;position:absolute;top:0;left:50%;transform:translateX(-50%);transition:.25s}#navbar .tab.active{color:#fff}#navbar .tab.active:before{width:100%}@media only screen and (max-width:700px){#navbar{transition:.25s}#navbar .tab{text-align:center}}#register{background:rgba(0,0,0,.918)}#register .holder{margin:0 30% 5%}#register h2{text-align:center;font-family:montserrat,sans-serif}#register h1{font-family:Kulim Park,sans-serif;color:#fff;margin-bottom:15px;text-align:center}#register form{padding:15px 0}#register #limit_lable{color:#fff;text-align:right}#register #message{color:#fff;background:#f55;font-weight:700;padding:1em;border-radius:5px;display:none}#register .textbox{padding:0;position:relative}#register .textbox input{border:2px solid #fff;border-radius:15px;outline:none;background:transparent;font-size:18px;width:100%;float:left;color:#fff;padding:10px}#register .textbox lable{position:absolute;top:9px;left:9px;padding:5px;pointer-events:none;color:#fff;background:rgba(0,0,0,.918);transition:.3s}#register .textbox input:focus~lable,#register .textbox input:valid~lable{top:-15px;left:9px;color:#fff;font-size:12px}#register .textbox input:focus{box-shadow:0 0 2px #fff}#register .formselect>div,#register input[type=submit]{background:#fff;color:rgba(0,0,0,.918);font-family:montserrat,sans-serif;border:none;border-radius:7px;padding:.7em 1em;margin:0 .5em;cursor:pointer;float:right}#register .formselect{display:flex;justify-content:center;padding:15px}#register .formselect .inactive{background:#333;color:#fff}#register .lable{text-align:left}#register #message{grid-column-start:1;grid-column-end:2;text-align:center}#register .regPlayer{grid-gap:30px;grid-template-columns:repeat(1,1fr)}#register .regPlayer,#register .regTeam{font-family:Kulim Park,sans-serif;display:grid}#register .regTeam{grid-gap:30px;grid-template-columns:repeat(3,1fr)}#register .regTeam .submit,#register .regTeam .textbox{grid-column-start:1;grid-column-end:4}#register .regTeam #event{grid-column-start:1;grid-column-end:2}#register .regTeam #select{grid-column-start:2;grid-column-end:4}#register .regTeam #selectelement{outline:none;background:none;font-size:16px;width:100%;float:left;border-radius:15px;padding:10px;border:2px solid #fff;background:rgba(0,0,0,.918);color:#fff}#register .regTeam #selectelement option{border:none;outline:none;background:none;font-size:18px;width:80%;float:left;color:#000}#register .regTeam lable{grid-column-start:1;grid-column-end:3}#register .joinTeam{font-family:Kulim Park,sans-serif;display:grid;grid-gap:30px;grid-template-columns:repeat(1,1fr)}#register .joinTeam h1{grid-column-start:1;grid-column-end:2}@media only screen and (max-width:600px){#register .holder{margin:0 10% 10%}}#contact-us{font-family:Montserrat}#contact-us .contact{font-size:21px;padding:1em;width:100%;max-width:400px;margin:0 auto;text-align:center}#contact-us .contact .role{background:#3fc1c6;color:rgba(0,0,0,.918);padding:1em;width:fit-content;margin:auto auto .7em}