@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);body{background-color:#1f2731;margin:0;font-family:"Montserrat",-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}.sidecontent{width:28vw;padding:1vw;text-align:center;box-shadow:2px 3px 42px rgba(0,0,0,.5);border-radius:16px}.sidecontent,.sidecontent .ex-name{background:#101317}.sidecontent .data-holder{max-height:23.3vw;overflow-y:auto}.sidecontent .card-holder{position:relative;height:37px;margin-top:16px;color:#fff;background-color:#19212a;border-radius:10px;transition:all .5s ease;overflow-y:hidden}.sidecontent .card-holder:hover{background-color:#20252c}.sidecontent .dat1{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap}.sidecontent .present-set,.sidecontent .setChanger{display:none}.clr-g{color:#7fd18c}.sidecontent .active{z-index:0;height:173px}.sidecontent .active .dat1{-webkit-align-content:flex-start;align-content:flex-start}.sidecontent .active .active-mid{font-weight:bolder;font-size:larger;margin-top:1rem}.sidecontent .active .active-mid .active-rep{display:none}.sidecontent .active .present-set{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.sidecontent .active .present-set .fsb{font-size:4rem}.sidecontent .active .present-set span{cursor:pointer}.sidecontent .active .setChanger{display:block;position:absolute;bottom:0;width:14vw;height:2vw;font-size:1.5vw;font-weight:bolder;margin-left:6vw;border:0;color:#fff;background-color:#101317;box-shadow:2px 2px 17px rgba(0,0,0,.68);border-radius:22px 22px 0 0}.sidecontent .active .setChanger:after{content:"❯";display:inline-block;margin-left:1rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.lds-default{display:inline-block;position:relative;margin:15% 35%;width:80px;height:80px}.lds-default.swap{-webkit-transform:translate(-49.5vw,-18vw);transform:translate(-49.5vw,-18vw)}.lds-default div{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;-webkit-animation:lds-default 1.2s linear infinite;animation:lds-default 1.2s linear infinite}.lds-default div:first-child{-webkit-animation-delay:0s;animation-delay:0s;top:37px;left:66px}.lds-default div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s;top:22px;left:62px}.lds-default div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s;top:11px;left:52px}.lds-default div:nth-child(4){-webkit-animation-delay:-.3s;animation-delay:-.3s;top:7px;left:37px}.lds-default div:nth-child(5){-webkit-animation-delay:-.4s;animation-delay:-.4s;top:11px;left:22px}.lds-default div:nth-child(6){-webkit-animation-delay:-.5s;animation-delay:-.5s;top:22px;left:11px}.lds-default div:nth-child(7){-webkit-animation-delay:-.6s;animation-delay:-.6s;top:37px;left:7px}.lds-default div:nth-child(8){-webkit-animation-delay:-.7s;animation-delay:-.7s;top:52px;left:11px}.lds-default div:nth-child(9){-webkit-animation-delay:-.8s;animation-delay:-.8s;top:62px;left:22px}.lds-default div:nth-child(10){-webkit-animation-delay:-.9s;animation-delay:-.9s;top:66px;left:37px}.lds-default div:nth-child(11){-webkit-animation-delay:-1s;animation-delay:-1s;top:62px;left:52px}.lds-default div:nth-child(12){-webkit-animation-delay:-1.1s;animation-delay:-1.1s;top:52px;left:62px}@-webkit-keyframes lds-default{0%,20%,80%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes lds-default{0%,20%,80%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.gest-info{position:fixed;display:none;height:105%;width:100vw;color:#fff;background-color:rgba(0,0,0,.6);overflow-y:auto;transition:all .5s ease}.gest-info .info{background:#101317;box-shadow:2px 3px 42px rgba(0,0,0,.5);border-radius:16px;min-width:396px;margin:4rem;padding:2rem}.gest-info p{font-size:large}.gest-info.active{display:block;z-index:100}.settings{padding:5% 25% 0}.settings .info{width:-webkit-min-content;width:min-content}*{font-family:"Montserrat";scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.37)}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.37);border-radius:8px}.big-vid{position:relative;width:68vw;height:38.25vw;padding:1.5vw;background:#101317;box-shadow:2px 3px 42px rgba(0,0,0,.5);border-radius:16px}.big-vid .holder{min-height:35.4375vw}.big-vid .YTV{width:100%;height:35.4375vw;transition:all .3s ease-in-out}.big-vid .YTV.swap{width:26vw;height:14.625vw;-webkit-transform:translate(69vw,28.5vw);transform:translate(69vw,28.5vw)}.big-vid .output_canvas{width:100%;height:35.4375vw;object-fit:cover;object-position:center}.big-vid .side-buttons{position:absolute;right:0;top:-25px;padding:.5vw 15px;width:12vw;min-width:150px;background:#101317;border-radius:10px}.big-vid .side-buttons .hover-shadow:hover,.big-vid .side-buttons .pinned{-webkit-filter:drop-shadow(-2px 2px 2px #fff);filter:drop-shadow(-2px 2px 2px white)}.small-vid{padding:1vw;width:28vw;height:16.875vw;background:#101317;box-shadow:2px 3px 42px rgba(0,0,0,.5);border-radius:16px}.small-vid .output_canvas{width:100%;height:14.625vw;object-fit:cover;object-position:center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.small-vid .output_canvas.swap{display:inline-block;-webkit-transform:translate(-49.5vw,-18vw) scale(2.5,2.4);transform:translate(-49.5vw,-18vw) scale(2.5,2.4)}.mt-neg2vw{margin-top:-2.5vw}.pointer{cursor:pointer}.fs-7vw{font-size:7vw}.min-content{height:-webkit-min-content;height:min-content}.animate-arrow{width:3vw;margin-top:-1.3vw;transition:all .5s ease}.animate-arrow.prev{padding-left:.5vw}.animate-arrow.next{padding-left:0}.hover-green:hover{color:#7fd18c}.hover-green:hover .animate-arrow.prev{padding-left:0}.hover-green:hover .animate-arrow.next{padding-left:.5vw}.rtl{direction:rtl}.timer{width:40vw}@media only screen and (max-width:768px){.content-container{-webkit-flex-flow:wrap;flex-flow:wrap;margin-top:1.5rem}.big-vid{width:100%;height:56.25vw}.big-vid .holder{min-height:52.875vw}.big-vid .YTV{height:52.875vw}.big-vid .YTV.swap{width:56vw;height:31.5vw;-webkit-transform:translate(35.7vw,72.5vw);transform:translate(35.7vw,72.5vw)}.last-collection{display:-webkit-flex;display:flex;-webkit-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin:8rem 0 0}.last-collection .sidecontent{width:32vw;max-height:33.75vw}.last-collection .small-vid{margin:0 0 0 2.5vw!important;width:60vw;height:33.75vw}.last-collection .small-vid .output_canvas{height:31.5vw}.last-collection .small-vid .output_canvas.swap{-webkit-transform:translate(-16.7vw,-62vw) scale(1.6);transform:translate(-16.7vw,-62vw) scale(1.6)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;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}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}