@import url(https://use.fontawesome.com/releases/v5.15.3/css/all.css);@import url(https://use.fontawesome.com/releases/v5.15.3/css/v4-shims.css);@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);@import url(https://mitra-ui.netlify.app/styles.css);@import url(https://mitra-ui.netlify.app/components.css);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}body,html{margin:0;display:block}.App,body,html{background-color:#161625}.App{font-family:sans-serif;display:grid;grid-template-areas:"head head" "nav main" "nav main";grid-template-columns:6% 1fr;grid-template-rows:1% 1fr;position:relative;font-family:"Varela Round",sans-serif}.page-main-menu{background-color:#c34d76;color:#fff}.component-list{width:8%;border:none;background-color:#1e1e30;margin-top:0}.component-display{grid-area:main;display:flex;flex-wrap:wrap;margin-top:10vh;justify-content:center;margin-left:2%}iframe{width:20rem}.video-image:hover{opacity:.2}@media (max-width:600px){.page-main-menu{z-index:4}.component-list{width:14%}}.login-page{display:flex;justify-content:center;align-items:center}.form-heading{color:#c34d76;font-weight:900;font-size:2.8rem}.background-image-container>img{height:88vh;position:relative;flex:50% 1;max-width:55%;margin-left:4rem}.form-container{position:absolute;right:2.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:37%;box-shadow:.1rem .1rem .5rem #c34d76;flex:45% 1;max-width:40%;margin-right:2rem}.login-form{display:flex;flex-direction:column;width:70%}input{padding:.7rem;border-radius:.5rem;margin:0 .5rem .5rem;width:100%}label{font-size:1.1rem;font-weight:900;color:#c34d76}.button.primary-btn{background-color:#c34d76;align-self:center;width:40%;border:none;font-family:"Varela Round";font-weight:900;font-size:1.2rem}.login-content,.signup-content{text-align:center;font-size:1.1rem;color:#fff;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;margin-bottom:.3rem}.login-link,.signup-link{color:#c34d76;font-weight:900;cursor:pointer}.component-display{justify-content:flex-start}@media (max-width:600px){.login-page{justify-content:flex-start;align-items:flex-start;flex-direction:column}.background-image-container>img{height:auto;max-width:80%;margin-left:3rem}.form-container{right:.7rem;width:80%;max-width:100%;margin-right:0;margin-top:12rem}.login-form{width:85%}input{width:inherit}}.card-container{border-radius:0;border:none}.card-container:hover{box-shadow:.4px .4px 3px rgba(248,157,192,.7803921568627451)}.card-with-badge-demo.video-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:-webkit-min-content;width:-moz-min-content;width:min-content}.video-actions-container{position:relative;display:flex;justify-content:space-around;align-items:center}.fa-clock,.fa-thumbs-down,.fa-thumbs-up,.icon-style{color:#c34d76;font-size:2rem}.icon-style{padding-left:.3rem;display:block;padding-bottom:2.3rem}.icon-style>img{padding:2rem 0 2rem .3rem}.far.fa-clock{padding-bottom:2rem}a:-webkit-any-link{text-decoration:none}.add-to-playlist-container{position:absolute;right:-25%;width:30%;bottom:0;border:3px solid #c34d76;border-radius:.5rem;margin:2rem;padding:1rem;background-color:#161625}.playlist-create{width:80%;margin:0}.button.primary-btn.playlist{width:15%;height:5vh;display:flex;justify-content:center;align-items:center;font-size:1.7rem}.create-container{display:flex;align-items:center;padding:1rem}label{display:flex;justify-content:flex-start}.playlist-checkbox{width:10%}.alert-demo{position:fixed;bottom:.5rem;left:0;margin-left:1rem;z-index:4}.fa-times{font-size:1.1rem;opacity:.3}.fa-times:hover{opacity:1}
/*# sourceMappingURL=main.5625d7a3.chunk.css.map */