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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.openbtn{position:fixed;border-color:#000;z-index:10;top:.5rem;background-image:linear-gradient(90deg,red,#a9a7da);font-weight:800;cursor:pointer}.openbtn:hover{-o-box-shadow:rgba(0,0,0,.8) 0 5px 15px,inset rgba(0,0,0,.15) 0 -10px 20px;box-shadow:0 5px 15px rgba(0,0,0,.8),inset 0 -10px 20px rgba(0,0,0,.15)}.repeatbtn{background:linear-gradient(90deg,#534cc1,#0c0858);position:fixed;z-index:10;border-color:#000;font-weight:800;cursor:pointer;top:4rem;color:#ffff5f;margin-top:5px}.repeatbtn:hover{-o-box-shadow:rgba(0,0,0,.8) 0 5px 15px,inset rgba(0,0,0,.15) 0 -10px 20px;box-shadow:0 5px 15px rgba(0,0,0,.8),inset 0 -10px 20px rgba(0,0,0,.15)}.quality{color:#fffefc;background:linear-gradient(90deg,#8c8,#040);position:fixed;z-index:10;top:7rem;border-color:#000;font-weight:800;cursor:pointer;margin-top:5px;-webkit-text-stroke-width:.4px;-webkit-text-stroke-color:#000}.quality:hover{-o-box-shadow:rgba(0,0,0,.8) 0 5px 15px,inset rgba(0,0,0,.15) 0 -10px 20px;box-shadow:0 5px 15px rgba(0,0,0,.8),inset 0 -10px 20px rgba(0,0,0,.15)}.sidepanel{position:fixed;width:0;top:.5rem;height:100%;z-index:20;overflow-x:hidden;background-image:linear-gradient(180deg,#ffffba,#2a6a89);transition:.5s ease-in-out}#lyricsHeading{font-family:"Potta One",cursive}#lyrics{font-family:"Inconsolata",monospace}#closebtn{position:absolute;top:0;right:25px;color:#230037;font-size:2em;text-decoration:none;cursor:pointer;width:2rem;text-align:center}.sidepanel a:hover{background-color:rgba(169,163,135,.5)}body{background-image:url(/playlist/static/media/back2.9b3ad13d.jpg);height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin-left:0}.heading_box{min-width:100%;padding-bottom:2rem!important;padding-top:4rem!important;margin-top:0!important;padding-left:auto;padding-right:auto;margin:0 auto}.heading_box,.playfair{background-color:rgba(29,28,36,.8)}.playfair{font-family:"Playfair Display",serif;text-align:center;color:#fff;font-size:1.5em;margin-left:15px}.abril,.arial{font-family:"Arial"}.abril{text-align:center;font-size:3.5rem;color:#a6c6a6;color:#9bc400;color:#b0e0e6;letter-spacing:.2em;margin-top:0}.cell{display:grid;padding:10px;margin:25px auto}.cell>p{white-space:pre;color:#ffffd8;font-family:"Coda Caption",sans-serif;cursor:pointer}.border{border:6px solid #004039;object-position:top;object-fit:cover;margin-bottom:0;cursor:pointer;transition:1s;object-fit:fill}.border:hover{-o-box-shadow:rgba(0,0,0,.8) 0 5px 15px,inset rgba(0,0,0,.15) 0 -10px 20px;box-shadow:0 5px 15px rgba(0,0,0,.8),inset 0 -10px 20px rgba(0,0,0,.15)}.container{display:flex;justify-content:space-between;flex-wrap:wrap}.lightbackground{background-color:rgba(92,91,109,.3)}.lightbackground:hover{background-color:initial}.new-line{white-space:pre-wrap}@media only screen and (max-width:700px) and (min-width:400px){.abril{font-size:2em}.heading_box{width:30rem;box-sizing:border-box}.container{justify-content:space-around}.openbtn{font-size:.8rem;left:2rem;margin-top:4px}.repeatbtn{left:45%}.quality,.repeatbtn{top:.5rem;font-size:.8rem;margin-top:4px}.quality{left:80%}}@media only screen and (max-width:400px){.abril{font-size:2em}.heading_box{width:105%;box-sizing:border-box}.container{justify-content:space-around;padding-left:1.5rem}.repeatbtn{left:50%}.quality{left:80%}.openbtn{font-size:.6rem;left:2rem;margin-top:4px}.repeatbtn{left:45%}.quality,.repeatbtn{top:.5rem;font-size:.6rem;margin-top:4px}.quality{left:70%}.sidepanel{height:50%}.pl7{padding-left:0!important}}@media only screen and (min-width:700px){body{height:100%}}.increase-width{width:18rem}.reduce-width{width:0}#reset{background-color:#870300;color:#fff;cursor:pointer}#reset:hover{-o-box-shadow:rgba(0,0,0,.8) 0 5px 15px,inset rgba(0,0,0,.15) 0 -10px 20px;box-shadow:0 5px 15px rgba(0,0,0,.8),inset 0 -10px 20px rgba(0,0,0,.15)}.scrollable{overflow-y:auto;height:100%}#title{font-family:"Rubik",sans-serif;font-weight:700}@media only screen and (max-width:400px){.increase-width{width:12rem}}nav ul{background:linear-gradient(90deg,#5a6b77,rgba(100,100,200,.8));top:.7rem;z-index:2}nav ul li{display:block;margin-top:10px;margin-bottom:10px}nav ul li p{color:#fff;cursor:pointer}nav ul li p:hover{color:#e2fdac}.menu-icon{display:none;height:.8rem;cursor:pointer;margin-top:.3rem;color:#fff;position:fixed;font-size:2rem}#menuList{overflow:hidden;transition:.5s;box-sizing:border-box;position:fixed;top:2rem}.menu-icon:hover{color:#000;background-color:hsla(0,0%,100%,.1)}.maxWidth-increase{width:0}.paddingLeft-increase{padding-left:0}@media only screen and (min-width:400px){.openbtn,.quality,.repeatbtn{display:none}.menu-icon{display:inline-block;height:3rem;width:3rem}}.maxWidth-increase{width:10rem}.maxWidth-decrease{width:0}.paddingLeft-increase{padding-left:1rem}.paddingLeft-decrease{padding-left:0}@media only screen and (max-width:400px){.openbtn,.quality,.repeatbtn{display:none}.menu-icon{display:inline-block;height:3rem;width:3rem}.maxWidth-increase{width:10rem}.paddingLeft-increase{padding-left:1rem}.maxWidth-decrease{width:0}.paddingLeft-decrease{padding-left:0}}.dib{display:inline-block}.ma-auto{margin-left:auto;margin-right:auto}.flexy{display:flex}.limitwidth{width:50%}.videocrossbtn{font-size:2rem;z-index:2;color:#fff;cursor:pointer;width:2rem;position:absolute;top:2%;right:2%;transition:.5s ease-in-out;background-color:rgba(138,149,125,.3)}.videocrossbtn:hover{background-color:#8a957d}.at-end{margin-left:auto}.nextBtn,.prevBtn{z-index:2;font-size:2rem;color:#fff;cursor:pointer;width:2rem;position:absolute;transition:.1s ease-in-out;background-color:rgba(138,149,125,.3);top:48%}.nextBtn{right:0}.prevBtn{left:1%}.nextBtn:hover,.prevBtn:hover{background-color:rgba(138,149,125,.7)}.video-container-section{width:70%;min-height:300px}.video-container{position:relative;width:100%;padding-bottom:56.25%}.topVideoResolution{position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (max-width:700px) and (min-width:400px){.video-container-section{width:80%}.limitwidth{width:65%}}@media only screen and (max-width:400px){.video-container-section{width:90%}.limitwidth{width:100%;font-size:.9rem}}.fullwidth,.overlay{width:100%}.overlay{position:relative;margin-left:auto;margin-right:auto;top:2.5rem;z-index:4;margin-top:-2.5rem;transition:.5s ease-in-out}.m-s{margin:.5rem}.flexy-b{display:flex;justify-content:space-between}.tc{text-align:center}.arrow{background-color:initial;border-color:transparent;outline:none;cursor:pointer;color:transparent;transition:.5s ease-in-out;font-size:2rem;text-decoration:none}.arrow:hover{color:#fff}.fade{z-index:3;position:relative;top:250px;width:330px;height:250px;background-color:rgba(113,118,131,.5);margin-top:-250px}#overlay{width:12rem;height:15rem;z-index:100}.overlay-hidden{visibility:hidden;z-index:-5;opacity:0;top:0}.overlay-hidden,.overlay-visible{position:absolute;color:#fff;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;margin:2rem}.overlay-visible{visibility:visible;cursor:pointer;opacity:1}.inline{display:inline-block}#overlay img{margin:auto;display:block}#overlay p{font-size:.8rem}.content{white-space:pre-wrap;width:150px}.stroke:hover{-webkit-text-stroke-width:.7px;-webkit-text-stroke-color:#000}.videoResolution{max-width:320px!important;max-height:240px!important;min-width:320px;min-height:240px;object-fit:fill}html{scroll-behavior:smooth}.none{display:none}.block{display:block}.tippy-box[data-theme~=custom]{background-color:rgba(9,21,35,.8);border:2px solid #fff2b1;overflow-y:auto}
/*# sourceMappingURL=main.ddd238fe.chunk.css.map */