:root{--black:#181818;--darkgrey:#333;--darkgrey-hover:#535353;--red:#ee000c;--font-heading:"Assistant",sans-serif;--font-subheading:"Roboto Slab",serif;--font-primary:"Source Sans Pro",sans-serif}*{margin:0;padding:0;font-family:"Source Sans Pro",sans-serif;font-family:var(--font-primary);-webkit-appearance:none;-moz-appearance:none}body{overflow-x:hidden;background:#181818;background:var(--black)}a{text-decoration:none;color:#000}a,button{cursor:pointer}ol,ul{list-style:none}h1,h2,h3{font-family:"Assistant",sans-serif;font-family:var(--font-heading)}input{outline:none}.App{width:100%}.of-hidden{overflow:hidden}nav{width:100%;display:flex;align-items:center;justify-content:space-around;padding:3% 0;background:#181818;position:-webkit-sticky;position:sticky;top:0;z-index:1}nav ul{display:none}.burger-circle{height:35px;width:35px;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer}.burger{display:flex;flex-flow:column}.burger-circle:hover{background:#ee000c;background:var(--red)}.burger-circle:hover>.burger div{background:#fff}.burger div{background:#181818;background:var(--black);width:15px;margin:1px 0;height:2px}.search-box{display:flex;align-items:center;position:relative}.search-box input[type=text]{font-family:"Source Sans Pro",sans-serif;font-family:var(--font-primary);color:#535353;color:var(--darkgrey-hover);border:none;width:100%;transition:.5s ease-in-out;border-radius:20px;font-size:1.2rem;padding:3%;outline:none}.search-icon{border:none;position:absolute;right:1%;z-index:1;margin-left:5%;padding:4% 5%;color:#fff;border-radius:50%;background:#ee000c;background:var(--red);cursor:pointer}.search-container{display:flex;width:100%;height:10vh;margin:5% auto;flex-wrap:wrap}.search-container .movie{height:100%;width:30%}.search-container .movie:hover{width:30%;-webkit-transform:scale(1.1);transform:scale(1.1)}.search-msg{color:#fff;margin:auto}.banner-container{text-align:center;color:#fff}.hero{height:70vh;width:100%;background-size:cover;background-position:50%}.banner-container h1{margin-top:3%}.banner-container p{width:90%;margin:3% auto auto}.banner-btn-area{display:flex;justify-content:space-between;align-items:center;width:70%;margin:5% auto}.banner-movie-btn{width:40px;height:40px;border:1px solid #fff;border-radius:50%}.banner-movie-btn,.btn-banner-trailer{background:none;color:#fff;font-size:1.5rem}.btn-banner-trailer{border:1px solid #fff;border-radius:12px;padding:1% 10%}.row-section{margin:5% 0;overflow-x:scroll}::-webkit-scrollbar{display:none}.row-category{color:#fff;font-size:1.5rem;margin:2%}.movie-row{height:20vh;width:600%;overflow-x:hidden;display:flex}.movie{width:28%;margin:5px;border:1px solid #fff;border-radius:15px;background-size:cover;background-position:50%;cursor:pointer;transition:.3s ease-in-out}.movie:hover{width:35%;opacity:.5}.movie-page h1{color:#fff}.movie-page{width:100vw;height:100vh}.trailer{width:100%;height:35%}.movie-page h3{color:#848484;font-weight:300}.movie-info-main{margin:3%}.movie-page button{width:95%;margin:1% 2.5%;font-size:1.3rem;border:none;background:#fff;color:#000}.movie-page .btn-grey{color:#fff;background:#333;background:var(--darkgrey)}.movie-page p{color:#fff;width:95%;margin:3% auto}.movie-page h2{color:#fff;margin:3%}.similar-movies{display:flex;width:95%;height:50%;margin:auto;flex-wrap:wrap}.similar-movies .movie{width:calc(30% - 1px)}.similar-movies .movie:hover{width:calc(30% - 1px);-webkit-transform:scale(1.05);transform:scale(1.05)}.trailer-error{text-align:center;margin:1% 0}.sidebar{position:absolute;width:100%;height:300%;background:#181818;background:var(--black);color:#fff;transition:.5s ease-in-out;-webkit-transform:translateX(-100%);transform:translateX(-100%);display:flex;flex-flow:column;align-items:center;z-index:0}.sidebar .profile-pic{width:300px;height:300px;background:#fff;border-radius:50%;margin:5% 0;background-size:cover;background-position:50%}.sidebar h2{margin:3% 0}.sidebar .sidebar-links{font-size:1.5rem;text-align:start;width:100%;margin-top:10%}.sidebar-links ul li{padding:5%;cursor:pointer;background:#333;background:var(--darkgrey)}.sidebar-links ul li:hover{background:#535353;background:var(--darkgrey-hover)}.sidebar-active{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-link{color:#fff}.my-list-container{width:90%;height:25vh;margin:5% auto}.my-list-container h1{color:#fff;text-align:center;margin-bottom:5%}.movies-container{width:100%;height:100%;display:flex;flex-wrap:wrap}.movies-container .movie{width:30%}.movies-container .movie:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.auth-page{width:90%;padding:15% 5%}.auth-logo{margin-top:10%;display:flex;flex-flow:column;align-items:center;justify-content:center}.auth-logo img{width:60%}.auth-page h2{text-align:center;color:#fff;margin-top:5%;text-decoration:underline;font-size:1.75rem}.login-form,.register-form{display:flex;flex-flow:column}.login-form .login-input,.register-form input{font-size:1.3rem;margin:3% 0;background:none;color:#fff;border:none;border-bottom:2px solid #535353;border-bottom:2px solid var(--darkgrey-hover)}.login-input::-webkit-input-placeholder,.register-form input::-webkit-input-placeholder{color:#fff}.login-input:-ms-input-placeholder,.register-form input:-ms-input-placeholder{color:#fff}.login-input::placeholder,.register-form input::placeholder{color:#fff}.login-form input[type=submit],.register-form input[type=submit]{background:#ee000c;background:var(--red);border:none;padding:1% 0;color:#fff;font-size:1.25rem;cursor:pointer}.profile-page{text-align:center;width:80%;padding:0 10%}.profile-page .avatar{width:250px;height:250px;border-radius:20px;background-size:cover;background-position:50%;margin:5% auto}.profile-page-section{border-top:1px solid #666;margin:3% 0;padding:3% 0}.profile-page-section h2{color:#fff;margin:5%}.profile-page-section form{display:flex;flex-flow:column}.profile-page-section form input{font-size:1.25rem;border:none;border-radius:5px;padding:2%;margin:1.25%;background:#666;color:#fff}.profile-page-section form input::-webkit-input-placeholder{color:#fff}.profile-page-section form input:-ms-input-placeholder{color:#fff}.profile-page-section form input::placeholder{color:#fff}.profile-page-section form button{width:97.5%;background:#fff;border:none;font-size:1.15rem;border-radius:5px;margin:3% auto;padding:1% 0}.profile-page-section p{color:#fff}.btn-delete-account{width:100%;background:#ee000c;background:var(--red);color:#fff;border:none;font-size:1.15rem;border-radius:5px;margin:3% 0;padding:1% 0}.profile-page-section .cp-err-msg,.profile-page-section .pd-err-msg{text-align:center;margin-bottom:3%;color:#ee000c;color:var(--red)}@media screen and (min-width:550px){.movie-row{height:30vh}.movie{width:4%}.movie:hover{width:4.5%}}@media screen and (min-width:750px){.movie{width:3.5%}}@media screen and (min-width:960px){.auth-page{display:flex;justify-content:space-around;width:90%;margin:0 auto;padding:0}.login-form,.register-form{width:40%;background:rgba(83,83,83,.48627450980392156);padding:3%;justify-content:center;border-radius:25px}.auth-logo{margin:5% 0}.auth-logo img{width:20%}.row-section{margin:1% 0}.movie-row{height:35vh}.movie{width:3.5%}.movie:hover{width:4%}.movies-container .movie{width:15%}.movies-container{justify-content:center}.movies-container .movie:hover{width:15%;-webkit-transform:scale(1.05);transform:scale(1.05)}}@media screen and (min-width:1150px){.auth-page{width:80%}.movie-row{margin-left:1.5%;height:30vh}.movie{width:2.5%}.movie:hover{width:3%}nav{padding:1% 0}.hero{height:90vh}.banner-info{position:absolute;top:45%;margin-left:5%;text-align:start}.banner-info h1{font-size:2.75rem}.banner-info p{font-size:1.3rem;margin:1% 0;width:40%}.banner-info .banner-btn-area{width:20%;margin:0}.row-category{font-size:2rem;margin-top:5%;margin-bottom:0}.profile-page{width:40%;padding:0 30%}.trailer{height:90%}.movie-page p{width:30%;margin:0 3%}.movie-page-buttons{width:20%;float:right;margin-right:50%}.similar-movies{height:75%}.similar-movies .movie{width:19%}.similar-movies .movie:hover{width:19%;-webkit-transform:scale(1.05);transform:scale(1.05)}.search-container{width:80%;height:22.5vh}.search-container .movie,.search-container .movie:hover{width:10%}.burger,.burger-circle{display:none}nav ul{display:flex;justify-content:space-between;align-items:center;width:20%}nav ul li{font-size:1.25rem;margin:0 15px;white-space:nowrap}nav ul li:hover{color:#ee000c;color:var(--red)}}@media screen and (min-width:1620px){.movie-row{height:40vh}.movie{width:2.25%}.movie:hover{width:2.5%}}
/*# sourceMappingURL=main.daa2fabc.chunk.css.map */