@import url(https://fonts.googleapis.com/css?family=Roboto:300);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-logo{height:40vmin;pointer-events:none}.appBody{height:60rem}.App-header,.appBody{background-color:#333335}.App-header{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.nav_logo{text-decoration:none;-webkit-flex:none;flex:none;color:#fff;margin-left:55px}.navbar{position:fixed;top:0;background-color:#2a2a2b;height:70px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.menu-bars{margin-left:2rem;font-size:2rem;background:none}.nav-menu{background-color:#2a2a2b;width:300px;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:fixed;top:0;left:-100%;transition:.85s;margin-top:70px!important}.nav-menu.active{left:0;transition:.35s}.nav-text{padding:8px 0 8px 16px;list-style:none;height:60px}.nav-text,.nav-text a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav-text a{text-decoration:none;color:#f5f5f5;font-size:18px;width:75%;height:100%;padding:0 16px;border-radius:4px}.nav-text a:hover{background-color:#a78bfa}.nav-menu-items{width:100%}span{margin-left:16px}.videos-container{margin-top:70px;margin-left:330px}.card{background-color:#333335;color:#fff;width:400px;height:300px;list-style-type:none;margin-top:20px;margin-right:40px;cursor:pointer;float:left}.card-img{height:100px;width:100%!important;display:inline;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-text{font-weight:200;padding-right:30px}.watch-video{padding-top:100px;margin-left:350px}.icon-btn,.icon-btn-red{border:none;outline:none;background:transparent;cursor:pointer;margin:1rem}.icon-btn-red{color:red}.material-icons{font-size:36px}.like-video{height:20px;width:20px;cursor:pointer}.removeLiked{z-index:5!important;margin-top:-120px!important;margin-left:320px}.dislike-video{height:20px;width:20px;cursor:pointer}.like-video-button{margin-left:57rem}.dislike-video-button,.like-video-button{border:none;outline:none;border-radius:1px}.dislike-video-button{margin-left:1rem}.divder{margin-left:0!important;width:80.5%}.center{padding-left:500px!important;padding-top:100px!important;color:#fff}.history__btn{border-width:0;border-radius:10px;border-style:solid;box-sizing:border-box;overflow-wrap:break-word;font-family:inherit;margin:0;overflow:visible;text-transform:none;cursor:pointer;padding:0;display:-webkit-inline-flex;display:inline-flex;-webkit-appearance:none;appearance:none;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:none;width:auto;line-height:1.2;font-weight:500;height:40px;min-width:200px;font-size:25px;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;background:#a78bfa;color:#fff}.history__btn:hover{background-color:#9d7cff;color:#fff;border-color:#9d7cff}.btn__container{position:absolute;top:80px;right:20px}.login-page{width:360px;padding:8% 0 0;margin:auto}.form{position:relative;z-index:1;background:#fff;max-width:360px;margin:0 auto 100px;padding:45px;text-align:center;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24)}.form input{background:#f2f2f2;margin:0 0 15px;box-sizing:border-box}.form button,.form input{font-family:"Roboto",sans-serif;outline:0;width:100%;border:0;padding:15px;font-size:14px}.form button{text-transform:uppercase;background:#a78bfa;color:#fff;transition:all .3 ease;cursor:pointer}.form button:active,.form button:focus,.form button:hover{background:#9d7cff}.form .message{margin:15px 0 0;color:#000;font-size:12px}.form .message a{color:#9d7cff;text-decoration:none}.form .register-form{display:none}.container{position:relative;z-index:1;max-width:300px;margin:0 auto}.container:after,.container:before{content:"";display:block;clear:both}.container .info{margin:50px auto;text-align:center}.container .info h1{margin:0 0 15px;padding:0;font-size:36px;font-weight:300;color:#1a1a1a}.container .info span{color:#4d4d4d;font-size:12px}.container .info span a{color:#000;text-decoration:none}
/*# sourceMappingURL=main.94d88d8e.chunk.css.map */