@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap);body{padding-left:2vh;padding-right:2vh}.App{display:flex;flex-direction:row;margin-bottom:5vh}.playlist{flex:1 1;flex-wrap:wrap;justify-content:center;margin-left:5%;margin-right:5%}.playlist,.playlist-options-div{display:flex;flex-direction:column}.playlist-options-div{margin-top:10%;text-align:center}.playlist-flex{align-items:center;-webkit-animation:3s ease-in-out;animation:3s ease-in-out;display:flex;gap:2vh;justify-content:center;justify-content:space-evenly;text-align:center}.options:hover{color:#f272c5;-webkit-transform:scale(1.1);transform:scale(1.1)}.timer-div,.timer-div-1{flex:1 1;margin-right:2vh}.timer-div-1{margin-top:10vh}.main-header{align-items:center;background-color:#82becb;display:flex;font-family:Lora;height:100px;justify-content:space-between;left:0;margin-bottom:4vh;position:fixed;right:0;top:0;transition:background-color .3s ease;width:100%;z-index:9999}.explain{margin-top:2vh}.explaination-content{font-size:1.2rem}.buttons-align-1{display:flex;justify-content:space-evenly;margin:5%}.nav-button{background-color:initial;color:#000;cursor:pointer;font-family:Lora;font-size:1.6rem;margin-left:20px;margin-right:20px;text-decoration:none;transition:all .3s ease;z-index:-1}.nav-button,.nav-button:hover{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-button:hover{background-color:#82becb;border-color:#1f1f1f;border-radius:20px;padding:10px;-webkit-transform:scale(1.1);transform:scale(1.1)}#mobile{cursor:pointer;display:none;font-size:20px;margin-left:10px}.mobile-menu{background-color:#82becb;display:none;font-family:Lora;position:absolute;right:0;text-align:center;top:60px;width:100%;z-index:9999}.mobile-menu a{color:#000;display:block;font-family:Lora;font-size:26px;margin:10px 0;padding-right:20px;text-align:right;text-decoration:none}.dropdown-content{background-color:#82becb;display:none;font-family:Lora;min-width:160px;position:absolute;text-align:center;z-index:1}.dropdown-menu:hover .dropdown-content{background-color:#82becb;color:#000;cursor:pointer;display:flex;flex-direction:column;font-family:Lora;font-family:Inconsolata,monospace;font-size:1.33rem;padding:2rem;-webkit-text-decoration:underline #82becb;text-decoration:underline #82becb;transition:all .3s ease}.dropdown-content a:hover{-webkit-text-decoration:underline #000;text-decoration:underline #000}.dropdown-content a{background-color:#82becb;border:2px solid (107,179,179);color:#000;cursor:pointer;display:flex;flex-direction:column;font-family:Lora;font-size:1.33rem;padding:1rem;-webkit-text-decoration:underline #82becb;text-decoration:underline #82becb;transition:all .3s ease;z-index:-1}button{background-color:initial;border:0;color:#fff;cursor:pointer;display:inline-block;width:100px}.play-pause{align-items:center;-webkit-animation:3s ease-in-out;animation:3s ease-in-out;background-color:#241d40;border-radius:50px;cursor:pointer;margin-top:3vh;padding:2rem;text-align:center}.play-pause:hover{background-color:#241d40;border:2px solid #8d76f3;-webkit-transform:scale(1.1);transform:scale(1.1)}.back-btn{align-items:center;-webkit-animation:3s ease-in-out;animation:3s ease-in-out;background-color:#241d40;border-radius:50px;cursor:pointer;margin-top:3vh;padding:2rem;text-align:center}.back-btn:hover{background-color:#241d40;border:2px solid #8d76f3;-webkit-transform:scale(1.1);transform:scale(1.1)}.slider{border:6px solid #b36b6b;margin-top:1vh}.slider,.thumb{border-radius:20px;height:40px}.thumb{background-color:#b36b6b;cursor:pointer;width:40px}.thumb:active{background-color:#f99}.slider.green{border-color:#4b7d6c;margin-top:1vh}.slider.green .thumb{background-color:#4b7d6c}.slider.green .thumb:active{background-color:#6bb39a}.labels{margin-bottom:20px;margin-top:1vh}.labels,.labels-sub{color:#fff;font-family:Roboto Mono,monospace;font-size:1.5rem;padding:20px}.labels-sub{margin-bottom:1vh}.heading-text{stroke:#f272c5;stroke-width:3;-webkit-animation:textAnimate 5s infinite alternate;animation:textAnimate 5s infinite alternate;font-family:Lora;font-size:10.375rem;font-weight:700;letter-spacing:10px;margin-top:10vh}@-webkit-keyframes textAnimate{0%{stroke-dasharray:0 50%;stroke-dashoffset:20%;fill:#5f49f2}to{stroke-dasharray:50% 0;stroke-dashoffstet:-20%;fill:rgba(148,222,235,0)}}@keyframes textAnimate{0%{stroke-dasharray:0 50%;stroke-dashoffset:20%;fill:#5f49f2}to{stroke-dasharray:50% 0;stroke-dashoffstet:-20%;fill:rgba(148,222,235,0)}}.main-cont{margin-top:13vh}.main-timer-div{color:#fff;flex-direction:column;width:10%}.buttons-timer,.main-timer-div{align-items:center;display:flex;justify-content:center;margin:0 auto}.buttons-timer{flex-direction:row;gap:3vh}.hero-banner-text{color:#9ff;font-family:Roboto Mono,monospace;font-size:3rem;margin-bottom:10vh;margin-top:3rem;text-align:center}.heading-1{font-size:3.7rem}.heading-2{font-size:1.8rem}.links{display:flex;flex-wrap:wrap;gap:4vh;justify-content:center}.link{color:#fff;font-family:Raleway,sans-serif;font-size:1.5rem;text-align:center;-webkit-text-decoration:underline #2e4057;text-decoration:underline #2e4057}.button{all:unset;align-items:center;border:.15em solid #4d3b8c;border-radius:.25em;cursor:pointer;display:flex;flex:1 1;font-size:5em;font-weight:600;overflow:hidden;padding:.6em 2em;position:relative;transition:border .3s,color .3s;-webkit-user-select:none;user-select:none;z-index:99999}.button p{z-index:9999}.button:hover{color:#fff;z-index:999}.button:active{border-color:#ffb7e6}.button:after,.button:before{aspect-ratio:1;background:#ffa7e0;border-radius:50%;content:"";opacity:50%;position:absolute;transition:background .3s,-webkit-transform .5s;transition:transform .5s,background .3s;transition:transform .5s,background .3s,-webkit-transform .5s;width:9em}.button:before{left:0;-webkit-transform:translateX(-8em);transform:translateX(-8em)}.button:after{right:0;-webkit-transform:translateX(8em);transform:translateX(8em)}.button:hover:before{-webkit-transform:translateX(-1em);transform:translateX(-1em)}.button:hover:after{color:#f11;-webkit-transform:translateX(1em);transform:translateX(1em)}.button:active:after,.button:active:before{background:#6b7db3;color:#f11}a.link{-webkit-text-decoration:underline #2e4057;text-decoration:underline #2e4057}svg{color:#fff}body{background-attachment:fixed;background-color:#121212;background-image:linear-gradient(to left top,#0e0e0e,#151027,#1a142f,#291f4e,#2e2355);margin:0;padding:0}.main-yt-div{gap:4vh;margin-top:2vh}.youtube-div{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2vh;justify-content:center;margin:5vh auto 0}.youtube-videos{border:2px solid pink;cursor:pointer;display:flex;flex:1 1;width:100%}.youtube-thumbnail{height:100%;margin:0 2vh 0 0;object-fit:cover}.yt-title{align-items:center;color:#fff;display:flex;flex:1 1;font-size:1.5rem;margin:0 auto;text-align:center}.selected-vid{float:right;height:100%;width:100%}.selected-vid-div{flex:1 1;width:100%}iframe{height:100%;width:100%}h1{font-size:2rem}.options,h1{color:#fff;font-family:Roboto Mono,monospace}.options{font-size:1.5rem;margin-bottom:2vh}input{background-color:#fff;border:2px solid #000;box-shadow:3px 1px 0 2px,0 -1px 0 2px;color:#111;font-size:15px;height:50%;padding:15px;width:100%}.search-bar,input{display:flex}.w-6 h-6 search{height:50%;width:50%}.search{background-color:initial;border:0;color:#fff;cursor:pointer;display:inline-block;margin-bottom:3vh;width:3rem}.explanation{-webkit-animation:2s ease-in-out;animation:2s ease-in-out;color:#fff;font-family:Roboto Mono,monospace;font-size:1.5rem;margin:0 auto 4vh;text-align:center}.explaination-content{background-color:#594674;border-radius:15px;box-shadow:0 2px 4px 0 hsla(0,100%,80%,.12),0 2px 16px 0 hsla(0,100%,80%,.5);font-family:Lora;font-size:1.7rem;margin-left:2vh;margin-top:2vh;padding:2vh}.explain{color:#fff;font-family:Roboto Mono,monospace;font-size:1.5rem}.explanation-toggle{margin:0 auto;width:100%}.video-bg{left:0;position:fixed;top:0;width:100%;z-index:-99}.video-options{align-items:center;display:flex;gap:2vh;justify-content:center;justify-content:space-evenly;text-align:center}.playlist-bg{display:flex;flex:1 1;flex-direction:column;margin-right:3vh}.mini-timer-div,.timer-bg-div{height:10vh;top:0;width:10vh}.arrow{align-items:center;display:flex;justify-content:center;margin:0 auto;width:5vh}@media only screen and (max-width:320){.main-header{background-color:purple}}@media only screen and (max-width:600px){.main-header{background-color:pink}.playlist-flex{flex-direction:column}.heading-text{display:block;font-size:3.2rem;margin-bottom:0;margin-top:15vh}.hero-banner-text{margin-top:0}.heading-1{font-size:1.7rem}.heading-2{font-size:1rem}.explanation{margin-top:2vh}.button{font-size:3rem}.tooltip{display:none}.App{display:flex;flex-direction:column}.main-timer-div{width:50%}.playlist-bg{margin-left:3vh;margin-right:3vh}h1{font-size:1.5rem}.options{font-size:1.2rem}.play-pause{height:8vh;padding:1rem;width:8vh}.main-header .buttons-align{display:block}.main-header .buttons-align-1{display:none}.main-header .buttons-align-1.open{background-color:#b4e9eb;display:none;flex-direction:column;font-family:Inconsolata,monospace;position:absolute;right:0;top:60px;width:100%;z-index:9999}#mobile,.mobile-menu{display:block}.mobile-menu{position:fixed}}@media only screen and (min-width:600px){.main-header{background-color:green}.heading-text{font-size:5.7rem;margin-bottom:0;margin-top:15vh}.hero-banner-text{margin-top:0}.heading-1{font-size:2.5rem}.heading-2{font-size:1.5rem}.explanation{margin-top:10%}.App,.playlist-flex{flex-direction:column}.App{display:flex}.main-timer-div{width:50%}.playlist-bg{margin-left:3vh;margin-right:3vh}}@media only screen and (min-width:768px){.main-header{background-color:blue}.heading{font-size:1rem;margin-top:15vh}.links{gap:6vh}.heading-text{font-size:9rem}.heading-1{font-size:3.2rem}.heading-2{font-size:1.7rem}.heading-text{font-size:7rem}.main-cont{margin-top:5vh}.App,.playlist-flex{flex-direction:column}.App{display:flex}.main-timer-div{width:50%}.playlist-bg{margin-left:3vh;margin-right:3vh}.arrow{width:4vh}}@media only screen and (min-width:992px){.main-header{background-color:red}.heading-text{font-size:10rem}.heading{margin-top:13vh}.heading-1{font-size:3.5rem}.heading-2{font-size:2rem}.playlist-flex{flex-direction:row}.App{display:flex;flex-direction:column}.main-timer-div{width:50%}.playlist-bg{margin-left:3vh;margin-right:3vh}.play-pause{height:8vh;padding:2rem;width:8vh}.arrow{width:6vh}}@media only screen and (min-width:1200px){.main-header{background-color:#82becb}.App{display:flex;flex-direction:row}.heading-text{font-size:10rem}.heading-1{font-size:3rem}.heading-2{font-size:2rem}.main-timer-div{width:70%}.heading{margin-top:15vh}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-out;visibility:hidden;will-change:opacity,visibility}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:.9;opacity:var(--rt-opacity);visibility:visible}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:-webkit-max-content;width:max-content}.styles-module_arrow__K0L3T{height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}
/*# sourceMappingURL=main.283d6b3c.css.map*/