@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i);*{border:0;box-sizing:border-box;margin:0;transition:all .3s ease-in-out}:root{--font-roboto:"Roboto Slab",serif;--font-raleway:"Raleway",sans-serif;--color-background:#121212;--color-primary:#fff;--color-secondary:#1e1e1e;--color-accent:#7c4dff;--color-text:#e0e0e0;--color-highlight:#7c7c7c;--color-shadow:#00000080}body{background:linear-gradient(135deg,#121212,#1e1e1e);color:#e0e0e0;color:var(--color-text);font-family:Roboto Slab,serif;font-family:var(--font-roboto)}.movie-app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}h1{color:#fff;color:var(--color-primary);cursor:pointer;font-size:4rem;transition:color .3s,transform .3s}h1:hover{transform:scale(1.05)}h1:hover,h2{color:#7c7c7c;color:var(--color-highlight)}h2{cursor:pointer;font-size:1.5rem;margin-bottom:1em}.search-bar{align-items:center;border-radius:30px;box-shadow:5px 5px 20px #00000080;box-shadow:5px 5px 20px var(--color-shadow);display:flex;justify-content:center;margin:3rem 0;padding:1rem 1.5rem;width:70%}.search-bar,.search-bar input{background:#1e1e1e;background:var(--color-secondary)}.search-bar input{border:none;color:#e0e0e0;color:var(--color-text);flex:1 1;font-family:Raleway,sans-serif;font-family:var(--font-raleway);font-size:1.5rem;outline:none;padding-right:1rem}.search-bar img{cursor:pointer;height:30px;width:30px}.no-movies{align-items:center;display:flex;justify-content:center;margin-top:2rem;width:100%}.no-movies h2{color:#7c7c7c;color:var(--color-highlight);font-family:Raleway,sans-serif;font-family:var(--font-raleway);font-size:1.25rem}.movie-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem;width:100%}.movie-card{background:#1e1e1e;background:var(--color-secondary);border:none;border-radius:12px;box-shadow:0 13px 10px -7px #00000080;box-shadow:0 13px 10px -7px var(--color-shadow);height:460px;margin:1.5rem;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);width:310px}.movie-card div:first-of-type{color:#7c7c7c;color:var(--color-highlight);opacity:0;padding:16px;position:absolute;top:0;width:100%}.movie-card:hover{box-shadow:0 30px 18px -8px #00000080;box-shadow:0 30px 18px -8px var(--color-shadow);transform:scale(1.05);transition:all .4s ease-in-out}.movie-card div:nth-of-type(2){height:100%;width:100%}.movie-card div:nth-of-type(2) img{height:100%;object-fit:cover;width:100%}.movie-card div:nth-of-type(3){background-color:#1e1e1e;background-color:var(--color-secondary);bottom:0;left:0;padding:16px 24px 24px;position:absolute;right:0;z-index:2}.movie-card div:nth-of-type(3) span{color:#e0e0e0;color:var(--color-text);font-family:Raleway,sans-serif;font-family:var(--font-raleway);font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.movie-card div:nth-of-type(3) h3{color:#fff;color:var(--color-primary);font-family:Roboto Slab,serif;font-family:var(--font-roboto);margin-top:5px}.movie-card:hover div:nth-of-type(2){height:100%;opacity:.3}.movie-card:hover div:nth-of-type(3){background-color:initial}.movie-card:hover div:first-of-type{opacity:1}@media screen and (max-width:600px){.movie-app{padding:2rem}.search-bar{padding:.75rem;width:90%}.search-bar input{font-size:1.2rem}.search-bar img{height:25px;width:25px}}@media screen and (max-width:400px){.movie-app{padding:1rem}h1{font-size:2.5rem}h2{font-size:1rem}.movie-container{margin-top:1rem}.movie-card{margin:1rem 0;width:100%}}.footer{color:#fff;color:var(--color-primary);font-family:Raleway,sans-serif;font-family:var(--font-raleway);margin-top:2rem;padding:1rem;text-align:center}.footer a{color:#7c4dff;color:var(--color-accent);text-decoration:none;transition:color .3s ease-in-out}.footer a:hover{color:#7c7c7c;color:var(--color-highlight);text-decoration:underline}@media screen and (max-width:600px){.footer{font-size:.9rem;padding:.75rem}}
/*# sourceMappingURL=main.83910688.css.map*/