@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}.app{background-image:linear-gradient(180deg,#000 80%,rgba(0,0,0,.8));font-family:sans-serif;color:#e5e5e5}.movie-title{padding:0 4%;font-size:3rem}.movie-list{padding-bottom:1rem}.hero .hero-video{width:100%;height:80vh}.movie-row{color:#e5e5e5;padding:0 4%}.movie-row h1{font-size:1.5rem}.movie-row .movies{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:.5rem;grid-row-gap:1rem}@media (min-width:600px){.movie-row .movies{grid-template-columns:1fr 1fr 1fr}}@media (min-width:700px){.movie-row .movies{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width:800px){.movie-row .movies{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media (min-width:900px){.movie-row .movies{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}@media (min-width:1000px){.movie-row .movies{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}}@media (min-width:1100px){.movie-row .movies{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}.movie{text-align:center;display:flex;transition:.5s ease}.movie,.movie .image{width:100%}.movie .play-button{cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);font-size:1.5rem;background:#e5e5e5;color:#000;border:none;width:4rem;height:4rem;border-radius:4rem;opacity:0;transition:.5s ease}.movie .play-button:hover{opacity:.7!important}.movie .play-button:focus{outline:0}.movie:hover{transform:scale(1.2);z-index:1}.movie:hover .play-button{opacity:1}.navbar{position:fixed;top:0;width:100%;height:68px;display:flex;align-items:center;z-index:2;background-image:linear-gradient(180deg,rgba(20,20,20,.7) 10%,rgba(20,20,20,0));padding:0 4%;transition:.5s ease}.navbar .netflix-logo{width:6rem;height:auto}.navbar.scrolled{background-color:#141414}
/*# sourceMappingURL=main.9b1d70d5.chunk.css.map */