*{box-sizing:border-box}html{height:100%}body{font-family:Open Sans,sans-serif;margin:0;min-height:100%;padding-bottom:223px;position:relative}.navbar-content{font-size:small;height:0;overflow:hidden;-webkit-transition:height .25s ease-in-out;transition:height .25s ease-in-out}input:checked~.navbar-content{height:270px}nav{position:fixed;width:100%;padding:0 .5em .5em;top:0;left:0;background-color:#c4302b;display:block}ul{list-style-type:none;padding:0}a{text-decoration:none;color:#fff}.username{float:left;font-size:2em;font-weight:700;margin:0;padding:.4em 0 .4em .25em}.username p{margin:0;display:inline-block;font-family:Amatic SC,cursive}.signout-btn{margin:0 0 0 1em;background-color:#9e2722;float:right}.signup-btn{float:left}.navbar a{font-family:Amatic SC,cursive;display:block;font-size:2em;color:#000;padding:.4em 0 .4em .25em}.navbar label{font-size:2em;padding:.25em .5em}.navbar label:hover{background-color:#8b1e27}input#menu{display:none}.navbar-content a:hover{font-weight:700;color:#ffd2d2;background-color:#8b1e27}.navbar i{-webkit-transform:translateY(10%);transform:translateY(10%)}h1,h2,h3{font-family:Amatic SC,cursive}h1{font-size:4em;margin-top:1em}h1,h2{margin-bottom:0;text-align:center}h2{margin-right:0;margin-left:0;font-size:3em}.title{height:200px;text-align:center}header{background-image:url(/static/media/discover.657a7513.jpg);background-size:cover;width:100%;padding:.5em}.sub-title{margin-top:0}.div-buttons{padding-top:1em;width:80%;margin:auto;padding-bottom:10em}.signin-btn{float:right}.flex-container{display:flex;flex-wrap:wrap;justify-content:center}.flex-item{flex:0 0 280px;margin:.75em;height:303px;text-align:center;-webkit-transition:border .1s linear;transition:border .1s linear}.flex-container>.flex-item{border:3px solid transparent}.card-title{height:54px;-webkit-transition:background-color .1s linear;transition:background-color .1s linear}h3{margin-top:0;margin-bottom:0;padding-top:.5em;padding-bottom:.5em;font-size:1.75rem;text-align:center}.flex-item:hover{border-color:#c42b2b}.flex-item:hover .card-title{background-color:rgba(139,30,39,.43)}#descr h1{margin-bottom:.5em}#descr h2{margin-top:1.5em;border:3px solid #c4302b;margin-left:.5em;margin-right:.5em}#descr p{margin:1.5em;line-height:2}.bold{font-weight:700}footer{background-color:#c4302b;text-align:center;position:absolute;right:0;bottom:0;left:0;padding:1rem}footer h3{font-size:2.5rem;padding-bottom:0}footer ul{justify-content:center}.contact-link{height:50px;width:50px;background-color:#fff;border-radius:50%;display:inline-block;margin-left:.5em;margin-right:.5em;-webkit-transition:.2s;transition:.2s}.contact-link:hover{background-color:#b8b8b8}address li{display:inline-block;size:50px}.contact-link i{color:#c4302b;font-size:30px!important;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#watch div.flex-item{background-repeat:no-repeat;background-position:bottom;font-size:1.5em;padding-top:0}iframe{display:block;margin:0}iframe.flex-item{flex:0 0 200px;height:303px}#player{margin:0;height:80%;border-width:0}.loading{font-size:3em}.error,.loading{color:#fff;background-color:#464646;border-radius:8px}.error,.focus{font-size:2em}.focus{display:none;background-color:rgba(39,39,39,.9);position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000}button{margin:5%;background-color:#c4302b;border:none;color:#fff;padding:12px 20px;display:inline-block;font-size:10px;border-radius:8px}.fa-times{padding:0 5px;float:right;color:#fff;display:block}.fa-times:hover{border-radius:4px;background-color:grey}.new-vid{float:right}.player-btn.flex-item{flex:0 0;height:auto;border-width:0}button:hover{background-color:#f03b35}button:active{background-color:#8b1e27}@media (min-width:598px){.username{float:right;padding-top:0;padding-bottom:0}.username p{padding-top:.25em}.navbar label{display:none}.navbar-content{height:auto}.navbar-content a{padding:.2em .4em}nav li{float:left}header{background-image:url(/static/media/discover-lg.e0f84248.jpg);background-size:fill;background-repeat:no-repeat;height:1200px}.title{height:auto}.title h1{font-size:10em;margin-top:.75em}.sub-title{font-size:2em}.div-buttons{width:400px}#watch h1{padding-top:.5em;font-size:6em}#descr p{margin-left:5em;margin-right:5em}#descr h1{padding-top:.5em;font-size:6em}button{padding:15px 32px;font-size:16px}.flex-item#player{flex:0 0 70%;height:70%}#saved h1{padding-top:.5em;font-size:6em}}@media (min-width:750px){.container{width:750px;margin:auto}}@media (min-width:900px){.title h1{font-size:15em}}form{padding-top:3em;width:100%;margin:auto}.form-title{margin-top:.5em}.signup-input{width:90%;height:3em;font-size:1em}.avatar,.signup-input{display:block;margin:auto}.avatar{border-radius:50%;padding:1em;width:7em;height:7em}.signin-btn{float:left;margin:0 0 0 5%}.signup-btn{float:right;margin:0 5% 0 0}.input-title{display:block;margin-left:5%}.input-group{margin-top:1em;margin-bottom:1em;min-height:36px}@media (min-width:598px){.signup-input{width:100%}.input-title{margin-left:0}.input-group{max-width:40%;margin-left:30%;margin-right:30%;margin-bottom:5%}}@media (min-width:900px){.input-group{max-width:30%;margin-left:35%;margin-right:35%}.signup-input{width:100%}}.player-btn.library{display:block;margin:2em auto auto}.flex-item.video-card{flex:0 0 320px;height:231px;color:#000;background-repeat:no-repeat;background-position:bottom}.card-title.video-title{height:45px}@media (min-width:598px){.flex-item.video-card{flex:0 0 480px;height:370px;color:#fff;background-color:#000}.card-title.video-title{height:49px}#player.library{margin:auto;display:block}#player-holder.library{width:70%;margin:auto}}
/*# sourceMappingURL=main.f55e0cd1.chunk.css.map */