body{background:#181818}.app,.sign-in-page,body,html{max-width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.button{background:red;color:#fff;padding:15px 35px;border:none;outline:none;border-radius:10px;font-size:1.65rem;transition:background .15s}.button:hover{background:#d20000}.app{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.loading-app,.sign-in-page{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.sign-in-page{-webkit-flex-direction:column;flex-direction:column}.sign-in-description,.sign-in-title{color:#fff;margin:0 20px 30px;font-size:4rem;font-family:sans-serif;text-align:center}.sign-in-description{font-size:2rem}.sign-in-description a{color:red}.sign-in-description a:hover{color:#cf0101}.sign-in-button{margin:0 15px}@media screen and (max-width:700px){.sign-in-title{font-size:2.75rem}.sign-in-description{font-size:1.35rem}.sign-in-button{font-size:1.5rem}}.navbar{background:#252525;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;width:100vw;padding:20px 0}.navbar-button{background:none;color:#fff;margin:0 20px;border:none;outline:none;font-size:1.65rem;font-family:sans-serif;cursor:pointer;transition:color .15s}.navbar-button:hover{color:#dadada}.navbar-upload-button{margin-right:20px}.navbar-title{margin:0 0 0 25px;font-size:2rem;font-weight:700}.navbar-mobile-button{background:none;color:#fff;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:60px;height:60px;margin-right:10px;padding:0;border:none;outline:none;font-size:1.75rem;transition:color .15s}.navbar-mobile-button:hover{color:#f0f0f0}.mobile-menu{background:rgba(0,0,0,.85);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;position:fixed;top:0;right:0;bottom:0;left:0;border-radius:0 0 15px 15px}.mobile-menu-button{margin-top:25px}.mobile-menu-close-button{background:none;color:#fff;position:absolute;top:10px;right:10px;font-size:1.5rem;border:none;outline:none}@media screen and (min-width:421px){.navbar-mobile-button{display:none}}@media screen and (max-width:420px){.navbar-sign-out-button,.navbar-upload-button{display:none}.navbar-mobile-button{display:-webkit-flex;display:flex}}@media screen and (max-width:650px){.navbar-button{font-size:1.4rem}.navbar-title{margin-left:10px;font-size:1.65rem}.navbar-home-button{display:none}.navbar-upload-button{padding:15px 25px;font-size:1.25rem}}.navbar-spacer{-webkit-flex:1 1;flex:1 1}.videos{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:90vw;margin:0 auto}.no-videos-message{color:#fff;width:60vw;font-size:2rem;font-family:sans-serif;text-align:center}@media screen and (max-width:700px){.no-videos-message{font-size:1.5rem}}.video-thumbnail{background:rgba(0,0,0,.25);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:20px;padding:20px 0 0;width:500px;height:550px;border:none;outline:none;border-radius:15px;cursor:pointer;transition:background .25s}.video-thumbnail:hover{background:rgba(0,0,0,.75)}.thumbnail-container{width:100%;height:75%}.thumbnail{width:100%;height:100%;object-fit:contain}.video-thumbnail-text{color:#fff;margin:5px 0;font-size:1.65rem}@media screen and (max-width:600px){.video-thumbnail{width:90vw;margin:20px 0;padding:0 10px 10px}.video-thumbnail-text{font-size:1.2rem}}.video-page{width:100%;overflow:hidden}.video-container{background:#000;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%}@media screen and (min-width:1100px){.video-container{height:calc(100vh - 250px)}}video{height:100%;width:100%;outline:none}.video-info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:10px auto 0;width:75%;height:100%}@media screen and (max-width:1000px){.video-info{width:90%}}.video-stat{color:#fff;margin:10px 0;font-size:1.65rem;font-family:sans-serif}.video-like-button{background:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:70px;padding:0 25px;border:none;outline:none;border-radius:10px;cursor:pointer;transition:background .15s}.video-like-button:hover{background:rgba(0,0,0,.25)}.fa-thumbs-up{color:#fff;margin-right:15px;font-size:1.65rem}@media screen and (max-width:550px){.video-stat{font-size:1.15rem}.video-like-button{padding:0 10px}.fa-thumbs-up{font-size:1.4rem}}.upload-video-page{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;width:100%;height:100%}.upload-video-title{color:#fff;margin-bottom:20px;font-family:sans-serif;text-align:center}.select-file-button{background:#f0f0f0;color:#000;margin-bottom:20px;font-size:1.5rem}.select-file-button:hover{background:#d2d2d2}.file-input{visibility:hidden}.video-title-input{width:350px;padding:10px 15px;border:3px;outline:none;border-radius:10px;font-size:1.65rem}.video-title-input::-webkit-input-placeholder{font-style:italic}.video-title-input:-ms-input-placeholder{font-style:italic}.video-title-input::placeholder{font-style:italic}.post-video-button{margin-top:30px}.uploading-video-modal{background:rgba(0,0,0,.75);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;position:absolute;top:0;right:0;bottom:0;left:0}.loading-circle{border:12px solid #fff;border-top-color:red;border-radius:50%;width:60px;height:60px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.uploading-video-text{color:#fff;font-size:2rem;font-family:sans-serif}.gray-text{color:#a1a1a1}
/*# sourceMappingURL=main.432c0f20.chunk.css.map */