@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500&display=swap);*{border:0;box-sizing:border-box;margin:0;padding:0}body{background:#000;font-family:Roboto,sans-serif;height:100vh}button:hover{opacity:1}nav{align-items:center;background:#18283b;display:flex;justify-content:space-between;padding:15px 5%}.logo{color:#fff;font-size:22px}nav ul{list-style:none}nav li{display:inline-block;padding-left:1rem}ul li a{border-radius:7px;color:#8291a5;padding:8px 30px;text-decoration:none;transition:all .3s ease}ul li a.active,ul li a:hover{background:#0075ff;color:#fff}#icon{background-color:#0075ff;border-radius:4px;cursor:pointer;padding:5px 7px 3px}#icon,#icon svg{transition:all .3s ease}#icon svg{color:#fff;height:28px}#icon:hover{background:#fff}#icon:hover svg{color:#0075ff}#checkbox,#icon{display:none}.div-logo{align-items:center;display:flex;justify-content:center}p{padding-left:1rem}img,p{display:inline-block}img{vertical-align:middle}@media screen and (max-width:600px){nav{border-bottom:1px solid #455468}ul{background-color:#18283b;display:none;height:calc(100vh - 71px);left:0;margin-top:71px;position:absolute;text-align:center;top:0;width:100%}ul li{display:block;padding:10px 15px}ul li a{padding:10px 0}#checkbox:checked~ul,#icon,ul li a{display:block}}.movies-item-tile{background-size:cover;box-shadow:0 35px 77px -17px rgba(0,0,0,.44);color:#fff;cursor:pointer;display:inline-block;font-family:Roboto;margin:10px;min-height:500px;min-width:380px;overflow:hidden;position:relative;transition:all .4s ease-out}.movies-item-image{left:0;min-height:100%;min-width:100%;position:absolute;top:0;transition:all .4s ease-out;z-index:0}.movies-item-text{height:calc(100% - 60px);padding:30px;position:absolute}.movies-item-text h1{font-weight:300;margin:20px 0 0;text-shadow:2px 2px 10px rgba(0,0,0,.3)}.movies-item-text h2{font-style:italic;font-weight:100;margin:20px 0 0;-webkit-transform:translateX(200px);transform:translateX(200px)}.movies-item-text p{font-weight:300;line-height:25px;margin:20px 0 0;-webkit-transform:translateX(-200px);transform:translateX(-200px);transition-delay:.2s}.movies-animated-text{opacity:1;transition:all .6s ease-in-out}.movies-item-tile:hover{box-shadow:0 35px 77px -17px rgba(0,0,0,.64);-webkit-transform:scale(1.05);transform:scale(1.05)}.movies-item-tile:hover img{opacity:.3}.movies-animated-tile:hover .movies-animated-text{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.add-to-favorite-button{background-color:#0eb7f4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:16px;margin:8px 0;opacity:.9;padding:10px;width:10%}.movies-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:100%;padding:15px}@media (max-width:800px){.movies-container{flex-direction:column;width:400px}}.pagination-container{align-items:center;display:flex;justify-content:center;width:100%}ul{display:flex}.home-container{align-items:center;display:flex;justify-content:center}.form-container{padding:40px}.home-container h2{color:#fff;display:inline-block}.home-button{background-color:#0eb7f4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:16px;margin:8px 0;opacity:.9;padding:14px 20px;width:100%}.my-list-container{color:#faebd7}h1{color:#fff}.container{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:2px 1px 21px -9px rgba(0,0,0,.38);font-family:Montserrat,Arial,Helvetica,sans-serif;left:50%;min-height:450px;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}h1{padding:15px;text-align:center}input[type=email],input[type=password],input[type=text]{background:#f7f7f7;border:none;display:inline-block;font-family:Montserrat,Arial,Helvetica,sans-serif;margin:5px 0 22px;padding:15px;width:100%}a{text-decoration:none;transition:all .3s ease}.sign-up-button{background-color:#0eb7f4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:16px;margin:8px 0;opacity:.9;padding:10px;width:100%}@media screen and (max-width:300px){.signupbtn{width:100%}}
/*# sourceMappingURL=main.cdfe52c7.css.map*/