@import url(https://fonts.googleapis.com/css?family=Lato);@import url(https://fonts.googleapis.com/css2?family=Limelight&display=swap);*{box-sizing:border-box}body{background-color:#455a64;color:#b0bec5;flex-direction:column;font-family:Lato;margin-bottom:100px}body,form{align-items:center;display:flex;justify-content:center}form{margin-bottom:25px;text-align:center}form input{border:2px solid #fff;border-radius:15px;color:#b0bec5;font-family:Lato;font-size:14px;height:40px;max-width:100%;padding:10px 15px;width:300px}form button{background-color:initial;border:none;color:#78909c;height:40px;margin:0 0 0 -40px;padding:0 12px;z-index:2}.movie-card-container{background-color:#78909c;border-radius:10px;box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2);display:flex;margin:0 auto 50px;max-width:768px;min-height:420px;overflow:hidden;padding:1em;width:95%}.image-container{flex:2 1}.bg-image{background-position:0 0;background-repeat:no-repeat;background-size:cover;border-radius:15px;height:100%;width:100%}.movie-info{align-items:flex-end;display:flex;flex:3 1;flex-direction:column;justify-content:space-between;padding:30px 20px 30px 0;text-align:right;z-index:1}.square-image{display:none}.bg-image,.square-image{box-shadow:inset 0 5px 10px 5px rgba(0,0,0,.7)}.movie-info h2{border-bottom:4px solid #455a64;margin:0;padding:0 0 10px;text-transform:uppercase}.movie-info h1{font-family:Limelight,cursive;font-size:2em;font-weight:700;margin:20px 0 5px}.movie-info h4{margin:15px 0 10px}.movie-info p{color:#b0bec5;font-size:14px;margin:10px 0;padding:0 0 0 5px;width:95%}.movie-info .tags-container{position:relative;width:225%}.movie-info .tags-container span{background:#455a64;border-radius:4px;display:inline-block;font-size:12px;margin:5px;padding:3px 10px}@media (max-width:768px){.bg-image{display:none}.movie-info h1{padding:0 0 0 30%}.square-image{background-position:100% 0;background-repeat:no-repeat;background-size:cover;border-radius:10%;display:flex;flex:1 1;flex-direction:row;height:30vw;text-align:right;width:30vw}.movie-info p{width:100%}}@media (max-width:675px){.movie-card-container{flex-direction:column}.movie-info{flex:1 1;margin-top:-190px;padding:30px 20px}.movie-info .tags-container,.movie-info p{width:100%}}@media (max-width:500px){.movie-info{align-items:center;display:inline-block;flex:center 1;flex:5 1;justify-content:center;padding:auto;width:100%}.movie-info,.square-image{margin:auto;text-align:center}.square-image{flex-direction:column}.movie-info h1{padding:0}}
/*# sourceMappingURL=main.937dacbd.css.map*/