@import url(https://fonts.googleapis.com/css2?family=Cabin+Sketch&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300&family=Oswald:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.SigninPart{background-color:transparent;height:100vh;margin-top:-700px;position:absolute;width:100%}.SigninForm,.SigninPart{align-items:center;display:flex;justify-content:center}.SigninForm{background-image:url(/static/media/groovepaper.81b6411dcea80953dc93.jpg);background-repeat:no-repeat;background-size:400px 500px;border:3px solid transparent;border-image:url(/static/media/groovepaper.81b6411dcea80953dc93.jpg) 10 round;height:500px;width:400px}.SigninForm h1{color:#000;margin-bottom:70px;margin-left:30px}.SigninForm input{border-image:url(/static/media/pencil.ff7ae1b5089d1a010929.png) 10 round;color:#000;height:30px;margin-bottom:10px;width:200px}.Option{display:flex}.Option h3{color:#000;margin:5px}.Option button{border-radius:5%;color:#000;height:50px;margin-right:5px;width:70px}.quit{cursor:pointer;margin-right:-345px;margin-top:-395px;position:absolute}.Register{height:100vh;margin-top:-700px;position:absolute;width:100%}.Register,.RegisterForm{align-items:center;display:flex;justify-content:center}.RegisterForm{background-image:url(/static/media/groovepaper.81b6411dcea80953dc93.jpg);background-repeat:no-repeat;background-size:400px 500px;border:3px solid transparent;border-image:url(/static/media/groovepaper.81b6411dcea80953dc93.jpg) 10 round;height:500px;width:400px}.RegisterForm h1{color:#000;margin-bottom:70px;margin-left:30px}.RegisterForm input{border-image:url(/static/media/pencil.ff7ae1b5089d1a010929.png) 10 round;color:#000;height:30px;margin-bottom:10px;width:200px}.RegisterForm h3{color:#000;margin:5px}.RegisterForm button{border-radius:5%;color:#000;height:30px;margin-right:5px;width:70px}button:hover{box-shadow:20px #000;-webkit-transform:scale(1.1);transform:scale(1.1)}#Profile{background-image:url(/static/media/groovepaper.81b6411dcea80953dc93.jpg);height:100vh;overflow:hidden;position:relative;width:100%}#oponent .profilePic{max-height:10vh}#allies,#contest,#oponent{margin-top:-10vh;position:absolute}#allies,#oponent{text-align:center}#contest{-webkit-animation:gonein 10s ease-in-out forwards;animation:gonein 10s ease-in-out forwards}#contest button{background:#d6198a;background:linear-gradient(90deg,#e491c3,#d6198a);border:none;box-shadow:12px 12px 24px #d6198a;color:#313133;cursor:pointer;font-family:Nunito,sans-serif;font-size:22px;font-weight:700;letter-spacing:1.3px;min-height:60px;min-width:300px;outline:none;padding:10px;position:relative}#contest button,#contest button:before{border-radius:1000px;transition:all .3s ease-in-out 0s}#contest button:before{border:6px solid #d6198a;box-shadow:0 0 60px #d6198a;content:"";left:50%;min-height:72px;min-width:312px;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#contest .button:hover,.button:focus{color:#313133;-webkit-transform:translateY(-6px);transform:translateY(-6px)}button:focus:before,button:hover:before{opacity:1}#contest button:after{-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite;border:6px solid #d6198a;border-radius:100%;content:"";height:30px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30px;z-index:-1}#contest button:hover:after,button:focus:after{-webkit-animation:none;animation:none;display:none}@-webkit-keyframes ring{0%{height:30px;opacity:1;width:30px}to{height:300px;opacity:0;width:300px}}@keyframes ring{0%{height:30px;opacity:1;width:30px}to{height:300px;opacity:0;width:300px}}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.logoBar{border-bottom:5px solid;border-image:url(/static/media/pencil.ff7ae1b5089d1a010929.png) 40 round;display:flex;font-size:3vw;justify-content:center;width:100vw}.profileInfo{display:flex;justify-content:space-evenly}.onlineStreak{margin-top:50px}#rankPage,.onlineStreak{-webkit-animation:floating 3s ease-in-out infinite;animation:floating 3s ease-in-out infinite;border:5px solid #62676a;border-radius:5%;box-shadow:10px 10px 10px #62676a;height:300px;width:300px}#rankPage{margin:20px}.winRate{-webkit-animation:floating 3s ease-in-out infinite;animation:floating 3s ease-in-out infinite;border:5px solid #62676a;border-radius:5%;box-shadow:10px 10px 10px #62676a;height:300px;margin-top:50px;width:300px}.playerCardWrapper{margin-top:10vh}.playerCardWrapper,.profilePic{display:flex;justify-content:center}.profilePic{align-items:center;border:5px solid #62676a;border-radius:100%;height:75px;margin-right:20px;overflow:hidden;position:relative;width:75px}.profilePic img{-webkit-transform:scale(.3);transform:scale(.3)}.playerCard{align-items:center;border:5px solid #62676a;border-radius:30px;display:flex;font-size:35px;height:75px;justify-content:center;overflow:hidden;position:relative;width:300px}.playerCard h3{margin:10px 3px 3px 5px}.findMatch{align-items:flex-end;display:flex;height:-webkit-max-content;height:max-content;justify-content:center}.findMatch button{background-color:transparent;border:5px solid #62676a;border-radius:40px;box-shadow:10px 10px 10px #62676a;color:#fff;cursor:pointer;height:60px;margin-bottom:-15vh;width:120px}.symbol1,.symbolWrapper1,.symbolWrapper2,.symbolWrapper3{display:flex;justify-content:center}.symbol1{align-items:center;border:5px solid #62676a;border-radius:100%;height:150px;overflow:hidden;position:relative;width:150px}.symbol1 img{-webkit-transform:scale(.8);transform:scale(.8)}.symbol2{align-items:center;border:5px solid #62676a;border-radius:100%;display:flex;height:150px;justify-content:center;overflow:hidden;position:relative;width:150px}.symbol2 img{-webkit-transform:scale(.8);transform:scale(.8)}.symbol3{align-items:center;border:5px solid #62676a;border-radius:100%;display:flex;height:150px;justify-content:center;overflow:hidden;position:relative;width:150px}.symbol3 img{-webkit-transform:scale(1.2);transform:scale(1.2)}.symbol1 img:hover,.symbol2 img:hover,.symbol3 img:hover{-webkit-animation:rotating 2s ease-in-out forwards;animation:rotating 2s ease-in-out forwards}#closingX{margin:21.44px 0 0!important;visibility:hidden}@-webkit-keyframes expand{0%{border-radius:5%;height:300px;margin-top:50px;width:300px}to{border-radius:0;height:100vh;margin-top:0;width:100vw}}@keyframes expand{0%{border-radius:5%;height:300px;margin-top:50px;width:300px}to{border-radius:0;height:100vh;margin-top:0;width:100vw}}@-webkit-keyframes goneout{0%{display:block;opacity:1;visibility:visible}to{display:none;opacity:0;visibility:hidden}}@keyframes goneout{0%{display:block;opacity:1;visibility:visible}to{display:none;opacity:0;visibility:hidden}}@-webkit-keyframes collapse{0%{border-radius:0;height:100vh;margin-top:0;width:100vw}to{border-radius:5%;height:300px;margin-top:50px;width:300px}}@keyframes collapse{0%{border-radius:0;height:100vh;margin-top:0;width:100vw}to{border-radius:5%;height:300px;margin-top:50px;width:300px}}@-webkit-keyframes gonein{0%{display:none;opacity:0;visibility:hidden}to{display:block;opacity:1;visibility:visible}}@keyframes gonein{0%{display:none;opacity:0;visibility:hidden}to{display:block;opacity:1;visibility:visible}}@-webkit-keyframes slideOut{0%{margin-top:50px;opacity:1;visibility:visible}50%{margin-top:200px;opacity:1;visibility:visible}to{margin-top:-100vh;opacity:0;visibility:hidden}}@keyframes slideOut{0%{margin-top:50px;opacity:1;visibility:visible}50%{margin-top:200px;opacity:1;visibility:visible}to{margin-top:-100vh;opacity:0;visibility:hidden}}.square{border:2px solid #fff;color:#fff;display:flex;height:20px;justify-content:center;margin:0;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #d6198a,0 0 82px #d6198a,0 0 92px #d6198a,0 0 102px #d6198a,0 0 151px #d6198a;width:20px}.Match{-webkit-animation:gonein 10s ease-in-out forwards;animation:gonein 10s ease-in-out forwards;display:flex;flex-wrap:wrap;height:600px;overflow:hidden;width:600px}.MatchContainer{display:flex;justify-content:center;margin-top:72px}#oponent .profilePic{margin-left:20px}#allies,#oponent{margin-top:-10vh;position:absolute}#oponent{margin-left:70vw}#allies,#oponent{-webkit-animation:gonein 10s ease-in-out forwards;animation:gonein 10s ease-in-out forwards}#allies{margin-right:70vw}@keyframes rotating{0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#rankNav{display:flex;justify-content:space-between;position:relative;width:100%;z-index:3}.waitingScreen{align-items:flex-start;-webkit-animation:flicker 5s ease-in-out infinite;animation:flicker 5s ease-in-out infinite;color:#fff;display:flex;font-size:100px;height:100vh;justify-content:center;width:100vw}.symbol1 a,.symbol2 a,.symbol3 a{font-size:30px;position:absolute}#theClock{justify-content:flex-start;margin-top:-180px;position:absolute;width:100%}.onlineStreak h1,.winRate h1,.yourRank{display:flex;justify-content:center;width:100%}#rankNav{justify-content:center}#Rank{margin-top:-20vh;opacity:0;position:absolute;visibility:hidden}.listComponent{align-items:center;border:3px solid #000;height:50px;width:200px}.RankList,.listComponent{display:flex;justify-content:center}.RankList{-ms-overflow-style:none;-webkit-animation:floating 3s ease-in-out infinite;animation:floating 3s ease-in-out infinite;background-image:url(/static/media/pencil.ff7ae1b5089d1a010929.png);border:5px solid transparent;border-image:url(/static/media/pencil.ff7ae1b5089d1a010929.png) 60 round;border-radius:5px;height:300px;overflow-y:scroll;scrollbar-width:none;width:250px}.RankList::-webkit-scrollbar{display:none}#Rank{display:flex;height:100vh;justify-content:space-between;width:100%}.YearlyModel{z-index:1}.YearlyModel,.leftSideContainer{display:flex;height:100%;justify-content:center;position:absolute;width:100%}.leftSideContainer{align-items:center;z-index:2}@-webkit-keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}*{color:#fff;font-family:Oswald,sans-serif;scroll-behavior:smooth;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #d6198a,0 0 82px #d6198a,0 0 92px #d6198a,0 0 102px #d6198a,0 0 151px #d6198a}.text-intro h1,.text-intro h3{-webkit-animation:flicker 5s ease-in-out infinite;animation:flicker 5s ease-in-out infinite}@-webkit-keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #d6198a,0 0 80px #d6198a,0 0 90px #d6198a,0 0 100px #d6198a,0 0 150px #d6198a}20%,24%,55%{text-shadow:none}}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #d6198a,0 0 80px #d6198a,0 0 90px #d6198a,0 0 100px #d6198a,0 0 150px #d6198a}20%,24%,55%{text-shadow:none}}body{background-image:url(/static/media/groovepaper.81b6411dcea80953dc93.jpg);overflow-x:hidden}.wrapper{margin:0 auto;width:100%}.profilecard{background-image:url(/static/media/Profile_Img.30efbce1872ba34f0613.jpg);background-repeat:no-repeat;background-size:170px 220px;border:3px solid;border-image:url(/static/media/pencil.ff7ae1b5089d1a010929.png) 20 round;color:#000;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:200px;padding:10px;transition:background-size 4s;width:150px}.profilecard:hover{background-size:330px 350px;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform-origin:top right;transform-origin:top right}.profilecard .basicinfo{margin-top:50px}.textcard{font-size:15px}.profilecard .textcard,.profilecard h3,.profilecard h4{opacity:0;transition:3s}.profilecard:hover>.textcard,.profilecard:hover>h3,.profilecard:hover>h4{opacity:1}.Navigation{display:flex;justify-content:space-between}.Navigation ul{display:flex;list-style-type:none;overflow:hidden;position:relative}.Navigation ul li a{padding:5px;text-decoration:none}header{color:#000;font-size:10px}.breakline{background-color:#000;height:3px;width:100px}.Navigation ul li:hover{border:3px solid;border-image:url(/static/media/pencil.ff7ae1b5089d1a010929.png) 20 round}.Transition{background-color:#fff;background-repeat:round;box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #d6198a,0 0 82px #d6198a,0 0 92px #d6198a,0 0 102px #d6198a,0 0 151px #d6198a;height:4px;width:300px}.Transitioncontainer{display:flex;justify-content:center;margin:30px;width:100%}.animation-frame1 img{-webkit-transform:scale(1.3);transform:scale(1.3)}.animation-frame1 .pencil{-webkit-animation:fadeoutpencil 15s infinite;animation:fadeoutpencil 15s infinite;-webkit-animation-delay:1s;animation-delay:1s;position:absolute}.upper-content{display:flex;height:500px;justify-content:space-between;overflow:hidden;position:relative}.animation-frame1{display:flex;flex-direction:column;justify-content:flex-start;margin-left:0;margin-top:0;position:relative}.animation-frame1 .table{-webkit-animation:fadeout 15s infinite;animation:fadeout 15s infinite;-webkit-animation-delay:0s;animation-delay:0s;position:absolute}.animation-frame2{display:flex;flex-direction:column;justify-content:flex-start;margin-left:0;margin-top:0;position:relative}.animation-frame2 img{position:absolute}.rock{-webkit-animation:fadeout1 15s infinite;animation:fadeout1 15s infinite;-webkit-animation-delay:2.5s;animation-delay:2.5s;margin-left:100px;margin-top:300px}.paper{-webkit-animation:fadeout2 15s infinite;animation:fadeout2 15s infinite;-webkit-animation-delay:3s;animation-delay:3s;margin-left:200px;margin-top:400px}.scissor{-webkit-animation:fadeout3 15s infinite;animation:fadeout3 15s infinite;-webkit-animation-delay:3.5s;animation-delay:3.5s;margin-left:0;margin-top:500px}@-webkit-keyframes fadeout1{0%{margin-left:100px;margin-top:300px;opacity:0}20%{margin-left:-300px;margin-top:100px;opacity:1}40%{margin-left:-600px;margin-top:-100px;opacity:0}60%{margin-left:100px;margin-top:300px;opacity:0}80%{margin-left:-300px;margin-top:100px;opacity:1}to{margin-left:-600px;margin-top:-100px;opacity:0}}@keyframes fadeout1{0%{margin-left:100px;margin-top:300px;opacity:0}20%{margin-left:-300px;margin-top:100px;opacity:1}40%{margin-left:-600px;margin-top:-100px;opacity:0}60%{margin-left:100px;margin-top:300px;opacity:0}80%{margin-left:-300px;margin-top:100px;opacity:1}to{margin-left:-600px;margin-top:-100px;opacity:0}}@-webkit-keyframes fadeout2{0%{margin-left:200px;margin-top:400px;opacity:0}20%{margin-left:-200px;margin-top:200px;opacity:1}40%{margin-left:-500px;margin-top:0;opacity:0}60%{margin-left:200px;margin-top:400px;opacity:0}80%{margin-left:-200px;margin-top:200px;opacity:1}to{margin-left:-500px;margin-top:0;opacity:0}}@keyframes fadeout2{0%{margin-left:200px;margin-top:400px;opacity:0}20%{margin-left:-200px;margin-top:200px;opacity:1}40%{margin-left:-500px;margin-top:0;opacity:0}60%{margin-left:200px;margin-top:400px;opacity:0}80%{margin-left:-200px;margin-top:200px;opacity:1}to{margin-left:-500px;margin-top:0;opacity:0}}@-webkit-keyframes fadeout3{0%{margin-left:0;margin-top:500px;opacity:0}20%{margin-left:-400px;margin-top:300px;opacity:1}40%{margin-left:-700px;margin-top:100px;opacity:0}60%{margin-left:0;margin-top:500px;opacity:0}80%{margin-left:-400px;margin-top:300px;opacity:1}to{margin-left:-700px;margin-top:100px;opacity:0}}@keyframes fadeout3{0%{margin-left:0;margin-top:500px;opacity:0}20%{margin-left:-400px;margin-top:300px;opacity:1}40%{margin-left:-700px;margin-top:100px;opacity:0}60%{margin-left:0;margin-top:500px;opacity:0}80%{margin-left:-400px;margin-top:300px;opacity:1}to{margin-left:-700px;margin-top:100px;opacity:0}}@-webkit-keyframes fadeout{0%{margin-left:-200px;margin-top:200px;opacity:0}20%{margin-left:-600px;margin-top:0;opacity:1}40%{margin-left:-1000px;margin-top:-200px;opacity:0}60%{margin-left:-200px;margin-top:200px;opacity:0}80%{margin-left:-600px;margin-top:0;opacity:1}to{margin-left:-1000px;margin-top:-200px;opacity:0}}@keyframes fadeout{0%{margin-left:-200px;margin-top:200px;opacity:0}20%{margin-left:-600px;margin-top:0;opacity:1}40%{margin-left:-1000px;margin-top:-200px;opacity:0}60%{margin-left:-200px;margin-top:200px;opacity:0}80%{margin-left:-600px;margin-top:0;opacity:1}to{margin-left:-1000px;margin-top:-200px;opacity:0}}@-webkit-keyframes fadeoutpencil{0%{margin-left:-300px;margin-top:200px;opacity:0}20%{margin-left:-700px;margin-top:0;opacity:1}40%{margin-left:-1100px;margin-top:-200px;opacity:0}60%{margin-left:-300px;margin-top:200px;opacity:0}80%{margin-left:-700px;margin-top:0;opacity:1}to{margin-left:-1100px;margin-top:-200px;opacity:0}}@keyframes fadeoutpencil{0%{margin-left:-300px;margin-top:200px;opacity:0}20%{margin-left:-700px;margin-top:0;opacity:1}40%{margin-left:-1100px;margin-top:-200px;opacity:0}60%{margin-left:-300px;margin-top:200px;opacity:0}80%{margin-left:-700px;margin-top:0;opacity:1}to{margin-left:-1100px;margin-top:-200px;opacity:0}}.text-intro{align-items:flex-end;border-right:3px solid #fff;box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #d6198a,0 0 82px #d6198a,0 0 92px #d6198a,0 0 102px #d6198a,0 0 151px #d6198a;display:flex;flex-direction:column;padding:30px;width:30vw}.text-intro h1{margin-top:200px}.aboutUs{display:flex;justify-content:center}.aboutUs h1{margin-right:5px}.WhyUs{align-items:center;display:flex;flex-direction:column}.WhyUs h1{margin-top:-20px}.WhyUs h3{font-weight:100}nav{height:50px;overflow:hidden}.text-intro button{background-image:url(/static/media/pencil.e0631ffdac553ceb0815.jpg);background-repeat:round;cursor:pointer;-webkit-filter:grayscale(.5);filter:grayscale(.5)}.text-intro button:hover{-webkit-animation:sliding 100s infinite;animation:sliding 100s infinite}@-webkit-keyframes sliding{to{background-position:10vw}}@keyframes sliding{to{background-position:10vw}}.Signinback{background-color:grey;height:100vh;margin-top:-1124px;opacity:.7;position:relative;width:100vw}
/*# sourceMappingURL=main.f8092cdc.css.map*/