@import url(https://fonts.googleapis.com/css2?family=Poppins&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}.App{text-align:center}.header{background-color:#1b1b1b;height:7vmin}.header,.header .logomain{align-items:center;display:flex;flex-direction:row;justify-content:left}.header .logomain{height:100%;width:100%}.header .logomain img{height:60%;margin-left:3vmin}.header .logomain h1{color:#b0afad;cursor:pointer;font-family:Poppins,sans-serif;font-size:3vmin;margin-left:2vmin;transition:.12s}.header .logomain h1:hover{color:#d4d4d4}.header .logomain .maindivider{color:#b0afad;font-size:3vmin;margin-bottom:.7vmin;margin-left:5vmin;transition:.12s}.header .logomain h2{color:#b0afad;cursor:pointer;font-family:Poppins,sans-serif;font-size:2.4vmin;margin-left:5vmin;transition:.12s}.header .logomain h2:hover{color:#d4d4d4;text-decoration:underline}.header .logomain h2.selected{color:#fff;margin-top:2.5vmin}.header .logomain h2.sideCreate{font-size:5vmin;margin-left:auto;margin-right:5vmin}.header .logomain h2.hidden{display:none}.header .logomain .plus{color:#d4d4d4;font-size:6vmin}.header .logomain .ytlogo{cursor:pointer;height:4vmin;margin-bottom:2vmin;margin-left:6vmin;margin-top:2vmin;opacity:.5}.header .logomain .ytlogo:hover{opacity:1}.header .logomain .ytlink{cursor:pointer}.header .logomain .ytlink:hover{text-decoration:underline}.progress{background-color:#594c1a;height:.3vmin;position:fixed;top:7vmin;transition:.1s;width:100%}.body{align-items:center;background-color:#111;color:#fff;display:flex;flex-wrap:wrap;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding-left:7vmin;padding-right:2vmin;padding-top:3vmin;transition:.1s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1b1b1b}::-webkit-scrollbar-thumb{background:#605b4b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#897736}.video{display:grid;-webkit-filter:drop-shadow(.8vmin .8vmin .2vmin rgba(0,0,0,.336));filter:drop-shadow(.8vmin .8vmin .2vmin rgba(0,0,0,.336));font-family:Poppins,sans-serif;grid-template-areas:"i" "t" "d";grid-template-columns:29 3 3;grid-template-rows:10;height:32vmin;margin:1.8vmin;position:relative;transition:.25s;width:41vmin}.video:hover{-webkit-filter:drop-shadow(1.2vmin 1.2vmin .8vmin rgba(0,0,0,.431));filter:drop-shadow(1.2vmin 1.2vmin .8vmin rgba(0,0,0,.431));-webkit-transform:translateY(-.2vmin) scale(1.02);transform:translateY(-.2vmin) scale(1.02)}.video .thumbnail{align-items:center;border-bottom:0 solid #544b19;border-radius:2vmin;display:flex;grid-area:i;-ms-grid-column:1;-ms-grid-row:1;height:23vmin;justify-content:center;overflow:hidden;position:relative;transition:.2s;width:100%}.video .thumbnail:hover .sidebutton.see{-webkit-transform:translateX(10vmin);transform:translateX(10vmin)}.video .thumbnail:hover .sidebutton.durationreq,.video .thumbnail:hover .sidebutton.remove{-webkit-transform:translateX(12vmin);transform:translateX(12vmin)}.video .thumbnail:hover .sidebutton.mail{-webkit-transform:translateX(-12vmin);transform:translateX(-12vmin)}.video .thumbnail img{transition:.4s;width:100%}.video .thumbnail .duration{background-color:rgba(0,0,0,.858);border-radius:.9vmin;bottom:1vmin;color:#ededed;font-size:1.6vmin;padding:.2vmin .5vmin;position:absolute;right:1vmin}.video .thumbnail .sidebutton{align-items:center;border-radius:2vmin;color:#ededed;display:flex;font-size:4.6vmin;min-width:17vmin;position:absolute}.video .thumbnail .sidebutton.see{background-color:rgba(0,0,0,.577);min-height:9.5vmin;right:1vmin;top:7.6vmin;-webkit-transform:translateX(18vmin);transform:translateX(18vmin);transition:.3s cubic-bezier(.68,-.55,.265,1.55)}.video .thumbnail .sidebutton.see img{height:4vmin;margin-left:2vmin;width:4vmin}.video .thumbnail .sidebutton.remove{background-color:rgba(90,16,16,.577);min-height:5vmin;right:1vmin;top:1.2vmin;-webkit-transform:translateX(18vmin);transform:translateX(18vmin);transition:.5s cubic-bezier(.68,-.55,.265,1.55)}.video .thumbnail .sidebutton.remove img{height:2.5vmin;margin-left:2vmin;width:2.5vmin}.video .thumbnail .sidebutton.durationreq{background-color:rgba(29,29,29,.577);min-height:3.8vmin;right:1vmin;top:18.6vmin;-webkit-transform:translateX(18vmin);transform:translateX(18vmin);transition:.63s cubic-bezier(.68,-.55,.265,1.55)}.video .thumbnail .sidebutton.durationreq img{height:2.5vmin;margin-left:2vmin;width:2.5vmin}.video .thumbnail .sidebutton.mail{background-color:rgba(42,37,34,.283);left:1vmin;min-height:6vmin;top:16vmin;-webkit-transform:translateX(-18vmin);transform:translateX(-18vmin);transition:.69s cubic-bezier(.68,-.55,.265,1.55)}.video .thumbnail .sidebutton.mail img{height:2.5vmin;margin-left:12vmin;margin-right:0;width:2.5vmin}.video .title{color:#ededed;cursor:pointer;font-size:2.1vmin;font-weight:600;grid-area:t;-ms-grid-row:2;margin:1vmin 0 0;text-decoration:none;transition:.4s}.video .details,.video .title{-ms-grid-column:1;text-align:left}.video .details{display:flex;font-size:1.6vmin;grid-area:d;-ms-grid-row:3;margin:0}.video .details .channelname{margin:0;text-decoration:none}.video .details .channelname.channel{color:#e4e1d9}.video .details .channelname.channel:hover{color:#d9cb96}.video .details .channelname.playlist{color:#efdbd2}.video .details .channelname.playlist:hover{color:#fdb287}.video .details .channelname.mail{color:#d2d7c9}.video .details .channelname.mail:hover{color:#c9f2ab}.video .details .dot{color:#986c0d;cursor:default;margin:0 0 0 1vmin}.video .details .publish{color:#a0a0a0;cursor:default;margin:0 0 0 1vmin}.video--clicked{-webkit-animation:grow .2s ease-out;animation:grow .2s ease-out}@-webkit-keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.98);transform:scale(.98)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.98);transform:scale(.98)}to{-webkit-transform:scale(1);transform:scale(1)}}.quest{background-color:#1b1b1b;border-radius:1vmin;box-shadow:0 .5vmin 1vmin rgba(0,0,0,.3);cursor:pointer;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:2vmin;padding:1.5vmin;transition:-webkit-transform .07s ease;transition:transform .07s ease,-webkit-transform .07s ease;transition:transform .07s ease;width:50vmin}.quest .video{margin:auto}.quest--clicked{-webkit-transform:scale(.97);transform:scale(.97)}.quest__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1vmin}.quest__desc{color:#fff;cursor:default;font-size:1.6vmin;font-weight:700;margin:1.7vmin auto .7vmin}.quest__desc .dot{color:#986c0d;cursor:default;margin:7vmin}.quest__desc .dsc{color:#aaa}.quest__title{color:#fff;font-size:2.3vmin;font-weight:700;margin:1vmin auto}.quest__refresh{background:none;border:none;color:#aaa;cursor:pointer;font-size:2.8vmin}.quest__refresh:hover{color:#fff}
/*# sourceMappingURL=main.81b03d02.css.map*/