@import"https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900";body{background:#221f1f;color:#fff;margin:0;padding:0}body,h1,h2,input,textarea{font-family:Lato,sans-serif}h2,.TitleList .Title{font-size:24px;font-weight:600;line-height:1.4;margin-bottom:1em}h3{font-size:25px;opacity:.5;text-align:center}p{font-size:15px;font-weight:300;line-height:1.6;margin-bottom:1em}ul{list-style:none}.MovieDetailContainer{display:flex;flex-direction:row;padding-bottom:4vh}.MovieDetailContainer .movie-art{width:20vw}.MovieDetailContainer__title{padding-top:0;line-height:1em;margin:0;font-size:3em}.MovieDetailContainer__rating,.MovieDetailContainer__review{padding:10px 0;font-size:3em}.MovieDetailContainer__description{padding:10px 0;font-size:1.5em;margin:0}.MovieDetailContainer .col:nth-child(1){padding-left:1vw;padding-right:2vw;width:20vw}.MovieDetailContainer .col:nth-child(2){width:80vw}.login-container{display:flex;justify-content:center;align-content:center;color:#000;padding:20px 40px}.login-form{background-color:#f3f3f3;position:relative;z-index:1;max-width:360px;margin:0 auto 100px;padding:45px;text-align:center;box-shadow:0 0 20px #0003,0 5px 5px #0000003d}.login-form input{outline:0;background:#fff;width:100%;border:0;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px}.login-form button{text-transform:uppercase;outline:0;background:#e50914;width:100%;border:0;padding:15px;color:#fff;font-size:14px;-webkit-transition:all .3 cubic-bezier(.4,0,.2,1);transition:all .3 cubic-bezier(.4,0,.2,1);cursor:pointer}.login-form button:hover,.form button:active,.form button:focus{background:#cc3139}.login-form .register{margin-top:15px}.flex-grid{display:flex;flex-wrap:wrap}.cover{width:100%;height:370px}.MovieImage{overflow:hidden;height:370px;width:250px;position:relative;color:#fff;text-decoration:none;display:inline-block}.overlay{position:absolute;top:250px;left:0;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,transparent 100%);opacity:0;-webkit-transition:opacity .2s cubic-bezier(0,0,.2,1);transition:opacity .2s cubic-bezier(0,0,.2,1)}.MovieImage .overlay .title{font-size:22px;font-weight:200;opacity:0;-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1) .2s;transition:opacity .2s cubic-bezier(.4,0,.2,1) .2s}.MovieImage .overlay .rating{font-size:14px;opacity:0;-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1) .2s;transition:opacity .2s cubic-bezier(.4,0,.2,1) .2s}.MovieImage .overlay .plot{font-size:14px;display:-webkit-box;margin-top:100px;font-weight:300;line-height:1.6;opacity:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-transition:margin .2s cubic-bezier(.4,0,.2,1) .15s,opacity .2s cubic-bezier(.4,0,.2,1) .2s;transition:margin .2s cubic-bezier(.4,0,.2,1) .15s,opacity .2s cubic-bezier(.4,0,.2,1) .2s}.MovieImage:hover .overlay{opacity:1;pointer-events:all}.MovieImage:hover .overlay .plot{margin-top:10px;opacity:1}.MovieImage:hover .overlay .title,.MovieImage:hover .overlay .rating,.MovieImage:hover .overlay .ListToggle{opacity:1}.Header{background:linear-gradient(to bottom,black 0%,transparent 100%);display:flex;justify-content:space-between;align-items:center;padding:10px 40px;margin-bottom:10px;width:100vw;box-sizing:border-box;z-index:5}.Header-admin{display:flex;justify-content:space-between;align-items:center;padding:10px 40px;margin-bottom:10px;width:100vw;box-sizing:border-box;z-index:5;color:red;background:white}.Header a,.Header-admin a{text-decoration:none;color:#fff}.Logo{margin-right:10px;-webkit-transition:margin .15s cubic-bezier(.4,0,.2,1);transition:margin .15s cubic-bezier(.4,0,.2,1);color:#e60000;line-height:25px}.Navigation ul,.Navigation-admin ul{display:-webkit-box;display:-ms-flexbox;display:flex;height:37px;align-items:center;padding:0 10px}.Navigation ul li{font-weight:400;padding:7px 10px;font-size:14px;-webkit-transition:background .15s cubic-bezier(.4,0,.2,1);transition:background .15s cubic-bezier(.4,0,.2,1);border-radius:3px}.Navigation-admin ul li{font-weight:400;padding:7px 10px;font-size:14px;-webkit-transition:background .15s cubic-bezier(.4,0,.2,1);transition:background .15s cubic-bezier(.4,0,.2,1);border-radius:3px;color:red}.Navigation ul li:hover,.Navigation-admin ul li:hover{background:#e50914;cursor:pointer;color:#fff}.MovieSearch{align-items:center;width:100%;position:absolute;display:flex;justify-content:center;pointer-events:none}.MovieSearch input{font-weight:300;font-size:14px;height:37px;width:20%;background:transparent;color:#fff;-webkit-appearance:none;appearance:none;border:0;border:2px solid rgba(245,245,241,.1);outline:none;border-radius:37px;padding:0 10px;pointer-events:all;-webkit-transition:border .2s cubic-bezier(.4,0,.2,1),width .15s cubic-bezier(.4,0,.2,1) .15s;transition:border .2s cubic-bezier(.4,0,.2,1),width .15s cubic-bezier(.4,0,.2,1) .15s}.MovieSearch input:focus{border:2px solid #ed842b;width:30%}.TitleList{padding:20px 40px;box-sizing:border-box}.TitleList .titles-wrapper{display:flex;flex-wrap:wrap;margin:20px 0;width:calc(100vw - 80px);box-sizing:border-box}.movie-tile{padding:10px;width:20%;box-sizing:border-box;text-align:center;position:relative}.movie-tile .in-watchlist-badge{background-color:#e50914;font-size:14px;left:0;padding:4px;position:absolute;top:10px}@media (max-width: 767px){.movie-tile{width:100%}}@media (min-width: 768px){.movie-tile{width:50%}}@media (min-width: 992px){.movie-tile{width:30%}}@media (min-width: 1170px){.movie-tile{width:25%}}.ListToggle{border:2px solid rgba(255,255,255,.2);width:32px;height:32px;font-size:16px;border-radius:32px;overflow:hidden;position:absolute;right:5px;top:25px;opacity:0;-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1) .2s;transition:opacity .2s cubic-bezier(.4,0,.2,1) .2s}.ListToggle:hover{border:2px solid #ffffff;-webkit-transition:all cubic-bezier(.4,0,.2,1) .15s;transition:all cubic-bezier(.4,0,.2,1) .15s}.ListToggle:hover div{top:-32px}.ListToggle.true{background:#e50914;border:2px solid #e50914}.ListToggle div{position:absolute;top:0;left:0;height:64px;width:32px;-webkit-transition:.2s cubic-bezier(0,0,.2,1);transition:.2s cubic-bezier(0,0,.2,1)}.ListToggle div i{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;height:32px;width:32px}.error-text{color:red}.ErrorSection{padding:40px}.ErrorHeader{color:#e60000;font-size:40px}.reviews-top-container{background-color:#302c2c;margin-right:250px}.reviews-add-container{background-color:#282424;margin:-20px 15px 50px;padding-left:10px;padding-bottom:15px}.reviews-add-title{font-size:25px;font-weight:700;margin-bottom:-10px;margin-top:-5px}.reviews-addDisplayName{margin-bottom:10px}.reviews-addReview{width:500px;height:100px}.reviews-error-text{color:#e60000;font-size:large}.reviews-success-text{color:green;font-size:large}.reviews-title{color:#e60000;padding-top:10px;padding-left:10px;font-style:italic;font-size:35px}.reviews-previousButton,.reviews-nextButton{padding:10px;font-size:20px;border-radius:12px;font-weight:700;color:#221f1f;margin-bottom:10px}.reviews-previousButton{margin-left:37%}.reviews-nextButton{margin-left:50px}.reviews-totalCount{color:#e60000;font-size:25px;font-weight:700;padding-left:15px;padding-bottom:10px}.review-top-container{background-color:#302c2c;overflow-wrap:break-word;padding-bottom:10px}.review-container{margin-left:15px;margin-right:15px;background-color:#221f1f;padding-left:10px;padding-right:10px}.review-container-row{display:flex;align-items:center}.review-displayName{font-weight:700;flex-grow:1}.review-review{font-style:italic}.review-edit{width:30px;height:30px;line-height:30px;color:#fff;font-size:.5em;padding-left:.1em;margin-right:10px;background-color:#e60000;background-position:center;border-radius:.25em;text-align:center}.review-delete{width:30px;height:30px;color:#fff;font-size:.5em;background:linear-gradient(#fff 0 0),#e60000;background-position:center;background-size:50% 2px,2px 50%;background-repeat:no-repeat;border-radius:.25em}.copyright-text{color:gray;font-size:80%}