:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Poppins;src:url(/WhatMovieToWatch/assets/poppins-regular-webfont-8b7d37f8.woff) format("woff");font-weight:400;font-style:normal}body{font-family:Poppins,sans-serif}#root{max-width:1280px;margin:80px auto 0;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.movieCards{display:flex;flex-wrap:wrap;justify-content:center}.linkCard{width:200px;margin:10px;padding:10px;cursor:pointer;text-align:center;text-decoration:none;color:#fff}.linkCard:hover{color:red}.moviePoster{width:100%;border-radius:5%}.moviePoster:hover{box-shadow:10px 10px 20px #000000b3;filter:opacity(50%)}.navMenuBackground{position:fixed;top:0;left:0;right:0;height:60px;background-color:#2c0101;box-shadow:0 2px 10px #000;z-index:100}.navMenu{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;height:60px;color:#fff;max-width:1300px;margin:0 auto;z-index:101}.nav ul{display:flex;width:100%;list-style-type:none}.nav a{text-decoration:none;color:#fff;margin-left:80px;font-weight:700;font-size:20px;transition:font-size .3s ease}.nav a:hover{color:#ffffffa2;font-size:22px}.myLogo a{font-size:30px;font-weight:700;cursor:pointer;color:#fff}.viewMoreButton{background-color:red;color:#fff;border:2px solid black;padding:10px 20px;font-size:20px;border-radius:10px;cursor:pointer;margin:20px}.viewMoreButton:hover{color:#000;border:2px solid white}.movieGrid{display:grid;grid-template-columns:350px 1fr;grid-template-rows:min-content min-content min-content min-content;grid-column-gap:20px;max-width:1300px;margin:auto;text-align:left;z-index:1}.movieGrid.has-backdrop:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--backdrop-url);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3;filter:blur(2px);z-index:-2;box-shadow:inset 0 -500px 5000px -200px #161616}.movieGrid.has-backdrop:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,.8) 10%,rgba(0,0,0,0) 50%)}.movieGrid img{grid-row:1 / 4;width:100%;height:auto;border-radius:10%}.movieGrid h1{grid-column:2;grid-row:1;color:#fff;margin:0;padding:0}.movieGenres{grid-column:2;grid-row:2;font-size:20px;padding:0;margin:-100px 0 0}.genre{display:inline-block;margin-right:10px;padding:5px 10px;background-color:#00000080;color:#fff;border-radius:10px;border:2px solid white}.movieDescription{grid-column:2;grid-row:3;font-size:20px;letter-spacing:.1rem;padding:0;margin:-150px 0 0}.releaseDate{grid-column:2;grid-row:4;font-weight:700;padding:0;margin:-50px 0 0}.movieGrid .trailer{grid-column:1 / 3;grid-row:4;text-align:center;display:block;width:100%;max-width:1300px;margin:auto}.movieGrid .trailer h3{margin-bottom:10px;text-align:center;font-size:24px;color:#fff}.movieGrid .trailer iframe{width:100%;height:600px;max-width:1000px;display:block;margin:0 auto 50px}.spinner{border:16px solid #f3f3f3;border-top:16px solid red;border-radius:30%;width:80px;height:80px;animation:spin 2s linear infinite;margin:auto auto 100px;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 950px){.navMenuBackground,.navMenu{flex-direction:column}.nav a{margin:10px}.movieGrid{display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content min-content min-content min-content;grid-gap:10px}.movieGrid img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;z-index:-1;border-radius:0}.movieGrid h1{grid-row:1;text-align:left;margin:0}.movieGenres{grid-row:2;text-align:left;margin:0}.movieDescription{grid-row:3;text-align:left;margin:0}.releaseDate{grid-row:4;text-align:left;margin:0}.movieGrid .trailer{grid-row:5;margin:0}.myLogo{display:none}}@media (max-width: 768px){.navMenuBackground,.navMenu{flex-direction:column}.nav a{margin:10px}.movieGrid{display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content min-content min-content min-content;grid-gap:10px}.movieGrid img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;z-index:-1;border-radius:0}.movieGrid h1{grid-row:1;text-align:left;margin:0}.movieGenres{grid-row:2;text-align:left;margin:0}.movieDescription{grid-row:3;text-align:left;margin:0}.releaseDate{grid-row:4;text-align:left;margin:0}.movieGrid .trailer{grid-row:5;margin:0}.myLogo{display:none}}@media (max-width: 480px){.movieGrid{display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content min-content min-content min-content;grid-gap:10px}.movieGrid img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;z-index:-1;border-radius:0}.movieGrid h1{grid-row:1;text-align:left;margin:0}.movieGenres{grid-row:2;text-align:left;margin:0}.movieDescription{grid-row:3;text-align:left;margin:0}.releaseDate{grid-row:4;text-align:left;margin:0}.movieGrid .trailer{grid-row:5;margin:0}.myLogo{display:none}}