body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:myFirstFont;src:url(/static/media/Ubuntu-Medium.2aaaafd5.ttf)}:root{--bgColor:#0e131d;--pannelColor:rgba(25,25,26,0.5);--highligtColor:rgba(0,166,255,0.486);--dim:#818080}.yt-cover{position:absolute;top:0;bottom:0;right:0;left:0;z-index:1000}body,fieldset,form,html,img,table,td,tr{font-family:myFirstFont}.App{text-align:left}.App-logo{-webkit-animation:App-logo-spin 2s alternate;animation:App-logo-spin 2s alternate;height:20vmin}.spin{-webkit-animation:spin 2s ease-in-out infinite;animation:spin 2s ease-in-out infinite;height:20vmin}.input-field,.input-field:focus{background-color:rgba(0,0,0,.5);border:none;border-bottom:4px solid rgba(0,166,255,.486);border-bottom:4px solid var(--highligtColor);color:#fff}.input-field:-moz-read-only,.input-field:disabled{background-color:rgba(58,58,58,.918);color:#7c7a7a}.input-field:disabled,.input-field:read-only{background-color:rgba(58,58,58,.918);color:#7c7a7a}.hover:hover{background-color:#90d6ff;color:#222121;border:none;border-bottom:2px solid rgba(0,166,255,.486);border-bottom:2px solid var(--highligtColor)}.fade-bar{background-color:rgba(50,50,50,.7)}.App-header{background-color:#0e131d;background-color:var(--bgColor);min-height:10vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.player{cursor:pointer;-webkit-animation:reveal 1s ease-out;animation:reveal 1s ease-out}.App-link{color:#61dafb}.wallPaper:before{background-image:url(/static/media/233.da088144.jpg);background-repeat:repeat;background-size:auto;background-position:50%;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.04;z-index:-1000}body{background-color:#0e131d;background-color:var(--bgColor);color:#fff}.transparentbar{background-repeat:no-repeat;cursor:pointer;outline:none;box-shadow:none;background-image:none;background-color:transparent;background:transparent;border:transparent}.title{font-size:20pt;margin-bottom:0}.subtitle,.title{line-height:1em;font-weight:bolder}.subtitle{font-size:15pt;margin-bottom:.5em;color:var-(--highligtColor)}.dimtitle{color:#818080;color:var(--dim)}.layer1{background-color:rgba(0,0,0,.5);height:auto;max-width:100%;margin-bottom:1%;margin-top:0}.layer1,.slider{border:none;color:#fff;width:100%;overflow:hidden;display:-webkit-flex;display:flex;scroll-behavior:smooth}.slider{background-color:#101110;height:100%}.overlay{width:100%;pointer-events:none}.overlay,.overlay2{background-color:rgba(30,185,30,0);border:none;color:#fff;height:auto;overflow:hidden;display:-webkit-flex;display:flex;z-index:10;position:absolute;margin:10px}.overlay2{width:auto}.layer2{background-color:rgba(30,185,30,0);border:none;color:#fff;height:300px;max-height:125px;width:100%;max-width:98%;overflow:hidden;display:-webkit-flex;display:flex;z-index:10;position:absolute;margin:10px;pointer-events:none}.child{pointer-events:auto;color:#008cff}.over:hover{color:#fff}.over1{-webkit-transform:scale(1.5);transform:scale(1.5);padding-left:5%;padding-right:5%}.over1,.over2{opacity:1;transition:all .3s ease-out}.over2{-webkit-transform:scale(1);transform:scale(1);padding-left:0;padding-right:0}.animate{transition:all .18s ease-in-out}.swiper img{padding:2px;height:150px;z-index:0}.container2{padding:10px;max-width:98%;overflow:hidden}.container3{padding:5% 5% 5% 20%;max-width:70%;-webkit-transform:scale(1.5);transform:scale(1.5);overflow:hidden}.pannel{background-color:rgba(25,25,26,.5);background-color:var(--pannelColor);color:#fff;height:auto;width:auto;border-radius:1%;padding:5%;margin:5% auto auto;overflow:hidden}.nopadding{margin:0}.bright{background-color:hsla(0,0%,100%,.788);color:#292929}.playerTag{color:#fff;height:auto;width:auto;border-right:10px solid rgba(0,166,255,.486);border-right-color:var(--highligtColor);padding-right:5%;padding-left:10%;padding-top:1%;margin:auto auto auto -15%;pointer-events:none;overflow:hidden}.playerTag,.transparent{background-color:rgba(25,25,26,.5);background-color:var(--pannelColor)}.transparent{border:none}.fadeIn{-webkit-animation:fade .8s forwards;animation:fade .8s forwards}.fadeOut{-webkit-animation:fade1 .8s forwards;animation:fade1 .8s forwards}.wrapper{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.lowerLeft{left:10%;top:80%}.lowerCenter{left:40%;top:80%}.lowerRight{left:80%;top:80%}.upperLeft{left:10%;top:10%}.upperCenter{left:40%;top:10%}.upperRight{left:80%;top:10%}.middleLeft{left:10%;top:40%}.middleCenter{left:40%;top:40%}.middleRight{left:80%;top:40%}.tableCell{display:table-cell}.tableCell,.tableRow{padding-right:.5em;padding-left:.5em}.tableRow{display:table-row}.responsive-pannel{width:100%}@-webkit-keyframes App-logo-spin{0%{opacity:0}to{opacity:1}}@keyframes App-logo-spin{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade1{0%{opacity:1}to{opacity:0}}@keyframes fade1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes scroll{0%{background-color:rgba(20,20,20,0)}to{background-color:#323232}}@keyframes scroll{0%{background-color:rgba(20,20,20,0)}to{background-color:#323232}}@-webkit-keyframes scrol{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}}@keyframes scrol{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}}@-webkit-keyframes reveal{0%{opacity:0;-webkit-transform:scale(10);transform:scale(10)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes reveal{0%{opacity:0;-webkit-transform:scale(10);transform:scale(10)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes spin{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:992px){.responsive-pannel{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}}
/*# sourceMappingURL=main.11b230ed.chunk.css.map */