@import url(https://fonts.googleapis.com/css?family=Lato);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap);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}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden;scroll-behavior:smooth;font-family:"Lato"!important}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}body{height:100vh;background-color:#222}:root{--primary-color:#2563eb}h1{font-size:1rem}.App{text-align:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.App,.nav{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav{-webkit-justify-content:space-between;justify-content:space-between;height:4rem;color:#e6e6e6;background:linear-gradient(90deg,#390d0c,#421a0b);overflow-y:hidden;width:100%;position:fixed;top:0}.bottom--bar{-webkit-clip-path:polygon(0 0,100% 0,100% 14%,0 4%);clip-path:polygon(0 0,100% 0,100% 14%,0 4%);height:10rem;background:linear-gradient(90deg,#c02d28,#e66225)}.nav h1{margin-left:5rem;font-size:2rem;font-weight:100;font-family:"Montserrat",sans-serif;color:#e6e6e6}.nav h1 span{color:#dc2626}.menu{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;list-style:none;-webkit-justify-content:space-between;justify-content:space-between;margin-right:4rem;height:4rem}.menu li{margin:0 1rem;cursor:pointer;color:#9ca3af}.menu li:hover{color:#fff}.link button{padding:.4rem .9rem;border-radius:2rem;font-size:.9rem;font-weight:600;color:#fff;background-color:#ef4444;border:none;outline:none;cursor:pointer}.nav--body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;top:0;left:0}.bottom--bar,.nav--body{position:fixed;width:100%}.bottom--bar{-webkit-clip-path:polygon(0 0,100% 0,100% 89%,0 28%);clip-path:polygon(0 0,100% 0,100% 89%,0 28%);height:2rem;background-color:red;top:4rem}.menu-icon{display:none}@media screen and (max-width:760px){.nav{position:static}.nav .menu{left:-100%}.nav .active,.nav .menu{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;height:90vh;position:absolute;top:4rem;opacity:1;transition:all .6s ease;z-index:10}.nav .active{left:0;background:linear-gradient(90deg,#390d0c,#421a0b);-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.nav .menu-icon{display:block;margin-right:1rem}.bottom--bar{display:none}}.link:active,.link:focus,.link:link,.link:visited{color:#000}.home--body{width:100%;-webkit-align-items:flex-start;align-items:flex-start;height:89vh;overflow-y:hidden;margin-top:4rem}.home--body,.sidelist--header{display:-webkit-flex;display:flex}.sidelist--header{font-size:.5rem;padding:.5rem 1rem;min-height:4rem;-webkit-justify-content:space-between;justify-content:space-between;background-color:#333}.sidelist--header h1{text-transform:uppercase;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:80%}.stacklist--container{font-size:.4rem;padding:1rem .5rem;display:-webkit-flex;display:flex;text-align:left;min-height:6rem;cursor:pointer;-webkit-justify-content:space-between;justify-content:space-between}.stacklist{width:80%}.videoPlayer--body{width:100%;-webkit-justify-content:space-between;justify-content:space-between;height:100vh;background-color:#000}.videoPlayer,.videoPlayer--body{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;overflow-y:hidden}.videoPlayer{margin-top:2rem;margin-left:6rem;width:60%;height:100%;-webkit-justify-content:center;justify-content:center}.videoPlayer div{overflow-y:hidden}.videoPlayer--notes{padding-top:2rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;height:90vh;width:25%;background-color:#222}.videoPlayer--notes .notes--input{margin-bottom:1rem;height:20%;width:100%;height:6rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding-right:1rem}.videoPlayer--notes .notes--input input{height:80%;width:80%;padding:1rem;border:none;outline:none}.notes-list{padding:2rem 0;height:60vh;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;overflow-y:scroll}.notes--header{height:3rem;-webkit-justify-content:center;justify-content:center;background-color:#151515}.note,.notes--header{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#fff}.note{min-height:6rem;margin:1rem 0;cursor:pointer;-webkit-justify-content:space-evenly;justify-content:space-evenly;overflow:auto;border-left:.2rem solid #e66225}.note--detail{width:70%;height:100%;-webkit-align-items:flex-start;align-items:flex-start}.note--detail,.note--util{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.note--util{-webkit-align-items:center;align-items:center;height:80%}.note--info{max-width:30ch;font-size:1rem;text-align:left;width:100%;word-wrap:break-word;margin:0 auto .5rem}.note--date{font-size:.7rem}.addToPlaylist{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:1rem;position:fixed;top:20vh;width:20vw;height:15vw;background-color:#151515;right:10vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:1rem}.addToPlaylist input{border:none;outline:none}.input--flex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-grow:1;flex-grow:1;margin-bottom:auto}.sidebar--icon{display:block;cursor:pointer;margin:2rem;position:fixed;top:4rem}.sidelist{height:85vh;max-width:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sidelist,.sidelist--show{position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#222;color:#fff;min-width:20rem;top:4rem;overflow:auto;transition:all .6s ease;z-index:5}.sidelist--show{height:89vh;-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (max-width:460px){.home--body{margin-top:0}.videoPlayer--body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}}.main--body{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:6rem}.main--header h1{color:#fff;font-size:2rem;text-align:left;margin:0 4rem;padding:2rem 0;border-bottom:2px solid #fff}.main--content{margin:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));grid-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem;height:auto}.tile--body{overflow-y:hidden;width:30rem;margin:2rem 0}.tile--header h1{color:#fff;font-size:1.5rem;text-align:left}.tile--content{background-color:#141414;margin-top:2rem;height:20rem}.content--list{height:4rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.list--image img{height:3rem;width:auto;margin:0 .5rem}.list--details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:2rem}.list--title{font-size:1.5rem;color:#dd625e;cursor:pointer}.list--author{font-size:.7rem;color:#9e9e9e}.link:active,.link:focus,.link:link,.link:visited{text-decoration:none}@media screen and (max-width:760px){.main--body{margin-top:2rem}}.courses--main{height:100%;width:100%;margin-top:6rem}.courses--header{display:-webkit-flex;display:flex;height:4rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin:2rem 0;width:100%}.courses--header h1{font-size:2rem;color:#fff}.courses--header input{width:30%;height:2rem;padding-left:2rem;border-radius:.1rem;border:none;background-color:#3e3e3e;color:#fff}.course--div{width:30rem;height:25rem;background-color:#000;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.course--img{width:20%;overflow:hidden}.course--details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:0 1.5rem;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:flex-start;align-items:flex-start}.course--details button{background-color:#c02d28;color:#fff;width:10rem;padding:.4rem 1rem;border:none;border-radius:2rem}.course--title{color:#8d3e3c;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%}.course--title h1{font-size:2rem}.course--details p{color:#fff;text-align:left}.course--author{-webkit-align-items:center;align-items:center}.author--details,.course--author{display:-webkit-flex;display:flex}.author--details{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;height:3rem;margin-left:2rem}.author--details h1{color:#fff;font-size:1rem}.author--details h2{color:#919191;font-size:.8rem}.course--author img{width:4rem;height:4rem;border-radius:50%}.course--duration{color:#919191}.courses--list{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));-webkit-align-items:center;align-items:center;justify-items:center;-webkit-align-content:center;align-content:center;grid-row-gap:2rem;row-gap:2rem;grid-column-gap:8rem;-webkit-column-gap:8rem;column-gap:8rem}@media screen and (max-width:760px){.courses--header{-webkit-flex-direction:column;flex-direction:column;width:100%;height:5rem}.courses--header h1{font-size:1rem}.courses--header input{width:60%}.courses--list{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));-webkit-align-items:center;align-items:center;justify-items:center;-webkit-align-content:center;align-content:center;grid-row-gap:2rem;row-gap:2rem;grid-column-gap:8rem;-webkit-column-gap:8rem;column-gap:8rem}.courses--main{margin-top:0}.course--img{display:none}.course--div{width:20rem}.course--details{width:100%}}.playlist--body{width:100%;height:100%;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin-top:5rem;min-height:50vh}.playlist--body,.playlists{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.playlists{width:100vw;justify-items:center;box-sizing:border-box;padding:1rem}.playlist--card{padding:1rem;width:60%;height:15rem;background-color:#363636;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;margin:1rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.course--details{width:80%;height:100%}.course--img{width:40%;height:100%;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT5W0TfD8Tk6ZfptTiiD1uBmWFi4cfjxGHdiw&usqp=CAU)!important}@media screen and (max-width:760px){.playlist--body{margin-top:0}.createplaylist--container{margin-top:1rem}}.login--container{position:absolute;top:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.4);z-index:10;-webkit-justify-content:center;justify-content:center}.login--container,.login--modal{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.login--modal{background-color:#fff;width:30vw;height:80vh;border-radius:.5rem;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;position:relative}.close--btn{position:absolute;top:1rem;right:1rem}.login--btn{width:80%;background-color:#ef4444;color:#fff;height:2rem;border-radius:.1rem;cursor:pointer;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:0 .5rem}.login--modal input{border:1px solid #a7a7a7;border-radius:2px;padding-left:2rem;display:block;margin:.5rem 0;width:80%;height:2rem}.login--title{font-size:1.5rem;word-spacing:5px}.footer--container,.login--input{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.footer--container{min-height:15rem;background-color:#111;margin-top:10rem}.footer--container p{color:#a7a7a7}.icons--row{margin:1rem 0}.icon{margin:0 .5rem}.footer--container a{color:#e45f26;text-decoration:none}
/*# sourceMappingURL=main.28c86b28.chunk.css.map */