*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f2f2f2;font-family:Overpass,sans-serif;color:#262626;font-size:12px}header{height:15vh;width:100%}header h1{margin-top:20px;text-align:center;font-size:35px;font-family:Chivo,sans-serif;letter-spacing:1px}header h2{text-align:center;font-size:14px;letter-spacing:5px}nav ul{display:flex;flex-wrap:wrap;width:70%;margin:auto;justify-content:space-around}nav ul li{display:block;list-style:none}nav ul li a{display:block;text-decoration:none;color:#262626}section{width:100%}p.section__title{font-family:Chivo,sans-serif;font-size:24px;margin-top:10px;margin-bottom:10px}div.movies{display:flex;flex-wrap:wrap;width:100%}img.movie{width:100%;object-fit:cover;margin-top:5px;margin-bottom:5px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:95%;height:75%;background-color:#fff;border-radius:5px;box-shadow:0 3rem 5rem rgba(0,0,0,.3);z-index:2;animation:open .3s forwards}.modal .close--modal{position:absolute;top:10px;right:10px;width:20px}.iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iframe iframe{width:300px;height:300px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(3px);z-index:1}footer{width:100%;font-size:16px;margin-top:10px;text-align:center;line-height:5vh;background-color:#b2b1b1}@keyframes open{to{transform:translate(-50%,-50%) scale(1)}}@media (min-width:360px){nav ul li a{padding:4px;font-size:14px}}@media (min-width:410px){.iframe iframe{width:360px;height:300px}}@media (min-width:640px){div.movies{align-content:space-between;justify-content:center}p.section__title{padding:10px 0 10px 50px}img.movie{width:45%;margin:10px}.iframe iframe{width:500px;height:200px}}@media (min-width:800px){.iframe iframe{width:700px;height:350px}}@media (min-width:1024px){header{height:20vh}header h1{text-align:center;font-size:60px;font-family:Chivo,sans-serif;letter-spacing:1px}header h2{text-align:center;font-size:20px;letter-spacing:5px}nav ul{width:40%}nav ul li a{transition:.3s}nav ul li a:hover{color:#949494}img.movie{height:360px;opacity:.7;transition:.8s;filter:grayscale(100%)}img.movie:hover{transform:scale(1.05);opacity:1;filter:grayscale(0);cursor:pointer}.iframe iframe{width:1000px;height:400px}}
/*# sourceMappingURL=index.bd6ac4a5.css.map */