.header-container{width:100%;margin-bottom:20px}.header-container h1{width:100%;margin-right:auto}.header-container nav{z-index:20;background:var(--secondary-color);background:var(--dark-linear-bg);justify-content:space-evenly;align-items:center;gap:20px;padding:10px 40px 10px 20px;display:flex;position:fixed;top:0;left:0;right:0}@media screen and (width<=610px){.header-container h1{font-size:1.5rem}}@media screen and (width<=440px){.header-container nav{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.home-container h1{margin-right:0}}@media (prefers-color-scheme:light){.header-container nav{background:var(--light-linear-bg)}}.footer-container{background-color:var(--dark-bg);margin:1rem 1rem 0}@media (prefers-color-scheme:light){.footer-container{background-color:var(--light-bg)}}.movie-modal-container{z-index:5;background-color:var(--dark-bg-80);justify-content:center;align-items:center;animation:.5s forwards showModal;display:flex;position:fixed;inset:0}@-webkit-keyframes showModal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes showModal{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.movie-modal-container-img{border:1px solid var(--dark-primary-white);border-radius:5px;height:calc(100% - 10rem);margin:110px auto 2rem}@media screen and (width<=610px){.movie-modal-container-img{margin:75px auto 2rem}}@media screen and (width<=490px){.movie-modal-container-img{max-width:80%;height:auto;margin:210px auto 2rem}}@media (prefers-color-scheme:light){.movie-modal-container{background-color:var(--light-primary-white-80)}}.movie-wrapper{background-color:var(--ultra-dark-bg);border-radius:5px;flex-direction:column;width:20rem;padding:20px;display:flex;position:relative}.movie-wrapper-img{border:1px solid var(--dark-primary-white);cursor:pointer;border-radius:5px;align-self:center;max-width:45%;height:216px;margin-bottom:20px}.movie-wrapper .image-replacement{background-color:var(--gray-bg);border:.5px solid var(--dark-primary-white);border-radius:5px;flex-direction:column;justify-content:center;align-self:center;max-width:45%;height:216px;margin-bottom:20px;display:flex}.movie-wrapper .image-replacement p:first-child{padding:10px}.movie-wrapper .image-replacement p{text-align:center;margin:auto}.movie-wrapper .image-replacement p svg{width:32px;height:32px}.movie-wrapper h3{-webkit-line-clamp:2;text-transform:uppercase;height:45px;color:var(--secondary-color);-webkit-box-orient:vertical;margin-bottom:10px;display:-webkit-box;overflow-y:hidden}.movie-wrapper p:nth-of-type(3){-webkit-line-clamp:3;-webkit-box-orient:vertical;height:68px;font-weight:300;display:-webkit-box;overflow-y:hidden}.movie-wrapper p:nth-of-type(4){border-top:1px solid var(--dark-primary-white);border-bottom:1px solid var(--dark-primary-white);justify-content:center;align-items:center;height:3.5rem;margin-top:20px;padding:10px 0;display:flex}.movie-wrapper p strong{padding-right:10px}.movie-wrapper p strong:nth-of-type(2){border-left:1px solid var(--dark-primary-white);padding-left:20px}.movie-wrapper p span{color:var(--secondary-color);padding-right:10px}.movie-btn{text-align:center;color:var(--dark-primary-black);background-color:var(--secondary-color);border:2px solid #0000;border-radius:5px;margin-top:20px;padding:.6rem 1rem;transition:border-color .25s}.movie-btn:hover{color:var(--dark-accent-color);background-color:var(--dark-primary-black);border:2px solid var(--dark-accent-color)}.movie-btn:nth-of-type(2n){background-color:var(--light-accent-color)}.movie-btn:nth-of-type(2n):hover{color:var(--light-accent-color);border:2px solid var(--light-accent-color)}@media screen and (width<=440px){.movie-wrapper{width:17rem}.movie-wrapper h3{height:fit-content}.movie-wrapper-img,.movie-wrapper .image-replacement{max-width:90%}}@media (prefers-color-scheme:light){.movie-wrapper{background-color:var(--white-bg);border:1px solid var(--light-accent-color)}.movie-wrapper p:nth-of-type(4){border-top:1px solid var(--light-primary-black);border-bottom:1px solid var(--light-primary-black)}.movie-wrapper p strong:nth-of-type(2){border-left:1px solid var(--light-primary-black);padding-left:20px}.movie-wrapper-img{border:1px solid var(--light-primary-black)}.movie-wrapper .image-replacement{background-color:var(--light-gray-bg)}.movie-wrapper .image-replacement p{color:var(--light-primary-white)}.movie-btn:hover{color:var(--secondary-color);background-color:var(--light-primary-white);border:2px solid var(--secondary-color)}}.movies-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;min-height:calc(100vh - 14rem);margin-bottom:1rem;display:flex}.movie-container{box-shadow:var(--dark-shadow-second)}.movie-container:nth-of-type(2n){box-shadow:var(--light-shadow-accent)}.movie-container:nth-of-type(2n) div>h3,.movie-container:nth-of-type(2n) div>p:nth-of-type(4)>span{color:var(--light-accent-color)}.movie-container:nth-of-type(2n) a{background-color:var(--light-accent-color)}.movie-container:nth-of-type(2n) a:hover{color:var(--light-accent-color);background-color:var(--dark-primary-black);border:2px solid var(--light-accent-color)}@media (prefers-color-scheme:light){.movie-container:nth-of-type(2n) a:hover,.movie-container:nth-of-type(2n) a:hover{background-color:var(--light-primary-white)}}.home-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.home-wrapper{flex-direction:column;align-items:center;width:80%;display:flex}.search-container{justify-content:center;align-items:center;width:80%;margin-bottom:20px;display:flex}.search-input{border-radius:10px;width:100%;height:2.5rem;margin-right:10px;padding:7px}.search-icon{width:1.8rem;height:1.8rem;fill:var(--dark-primary-black);margin-top:5px}.search-btn:hover svg{fill:var(--dark-accent-color)}.search-btn{width:2.8rem;height:2.5rem;padding:0 5px 0 7px}@media screen and (width<=440px){.home-container{justify-content:flex-start}.home-wrapper{width:100%;margin-top:95px;padding:20px 20px 15px}.search-container{width:100%}}@media (prefers-color-scheme:light){.search-btn:hover{background-color:var(--light-primary-white)}.search-btn:hover svg{fill:var(--secondary-color)}}.movievideo-modal-container{z-index:5;background-color:var(--dark-bg-80);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:fixed;inset:0}.movievideo-modal-container iframe{aspect-ratio:1.77;width:70%;height:auto;margin:95px auto 20px}@media screen and (width<=845px){.movievideo-modal-container iframe{width:90%}}@media (prefers-color-scheme:light){.movievideo-modal-container{background-color:var(--light-primary-white-80)}}.movievideo-container p{margin:20px 0 10px}.movievideo-wrapper{grid-template-columns:repeat(2,1fr);gap:10px;margin:0 1rem 0 2rem;display:grid}.movievideo-wrapper li{color:var(--secondary-color);list-style:outside}.movievideo-wrapper li:hover{color:var(--light-accent-color);cursor:pointer}@media screen and (width<=845px){.movievideo-wrapper{grid-template-columns:1fr}}.moviedetails-wrapper{gap:20px;width:100%;display:flex}.moviedetails-wrapper img:not(.moviedetails-logo){border:.5px solid var(--dark-primary-white);border-radius:5px;width:auto;height:calc(100vh - 10rem)}.moviedetails{margin-bottom:20px}.moviedetails h2{-webkit-line-clamp:3;text-transform:uppercase;height:68px;color:var(--secondary-color);-webkit-box-orient:vertical;margin-bottom:10px;display:-webkit-box;overflow-y:hidden}.moviedetails p{flex:1}.moviedetails p span{color:var(--secondary-color)}.moviedetails p:nth-of-type(odd) span{color:var(--light-accent-color)}.moviedetails p:nth-of-type(4){margin-bottom:20px}.moviedetails-tagline,.moviedetails-card{border-top:1px solid var(--dark-primary-white);border-bottom:1px solid var(--dark-primary-white);margin-top:10px;margin-bottom:20px;padding:10px 0}.moviedetails-overview,.moviedetails-release-date{margin-bottom:20px}.moviedetails-logo{border:1px solid var(--dark-primary-white);border-radius:5px;width:72px;height:72px;margin:10px 10px 20px 0}@media screen and (width<=845px){.moviedetails-wrapper{flex-direction:column}.moviedetails-wrapper img:not(.moviedetails-logo){align-self:center;width:80%;height:auto}}@media screen and (width<=440px){.moviedetails-wrapper{margin-top:180px}}@media (prefers-color-scheme:light){.moviedetails-tagline,.moviedetails-card{border-top:1px solid var(--light-primary-black);border-bottom:1px solid var(--light-primary-black)}}.about-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 10rem);display:flex}.about-wrapper{border:1px solid var(--secondary-color);border-radius:5px;flex-direction:column;padding:20px 20px 15px;display:flex}.about-wrapper span{color:var(--secondary-color);font-size:1rem;font-weight:700}.about-card:not(:last-of-type){margin-bottom:20px}.about-item{justify-content:flex-start;align-items:center;display:flex}.about-item-text{margin-left:10px}.about-item-text.bottom{margin-top:20px}.about-item-text.small{margin-left:2.9rem}.about-icon{width:2rem;height:2rem;fill:var(--secondary-color);stroke:var(--secondary-color);margin-left:10px}@media screen and (width<=610px){.about-container{min-height:calc(100vh - 9rem)}}@media screen and (width<=440px){.about-container{justify-content:flex-start}.about-wrapper{margin-top:115px;padding:15px 15px 5px}.about-wrapper p{margin-bottom:0}.about-icon{margin-top:0;margin-left:10px}.about-icon.big{width:3rem;height:3rem}.about-card,.about-item-text{margin-bottom:10px}.about-item-text.small{margin-left:10px}}.form-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.form-wrapper{border:1px solid var(--secondary-color);border-radius:5px;flex-direction:column;align-items:center;padding:20px 20px 15px;display:flex}.form-text{margin-top:10px;margin-bottom:30px;font-size:1.2rem;font-weight:700}.form-group{flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:15px;display:flex}.form-input{border-radius:10px;outline:#0000;width:60vw;min-width:230px;max-width:500px;padding:7px 10px}.form-error{width:60vw;min-width:230px;max-width:500px;color:var(--toastify-color-error);border:1px solid var(--toastify-color-error);border-radius:10px;padding:7px 10px}.form-input.textarea{height:8rem}.form-input:hover{outline:1px solid var(--dark-accent-color)}.form-btn{margin:5px 0}@media screen and (width<=575px){.form-wrapper{justify-content:flex-start;padding:0 20px 10px}.form-text{margin-top:15px;margin-bottom:15px}.form-group{margin-bottom:10px}.form-input{min-width:215px}}@media screen and (width<=440px){.form-wrapper{margin-top:115px}}@media (prefers-color-scheme:light){.form-btn:hover{background-color:var(--light-primary-white)}}.credits-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 10rem);display:flex}.credits-wrapper{border:1px solid var(--secondary-color);border-radius:5px;flex-direction:column;align-items:center;padding:20px 20px 15px;display:flex}.credits-container h2{margin-bottom:20px}.credits-container p{text-align:center}.logo-container{width:50%;margin-bottom:20px}@media screen and (width<=440px){.credits-container{justify-content:flex-start;min-height:calc(100vh - 9rem)}.credits-wrapper{margin-top:115px;padding:15px}.logo-container{width:100%;margin-bottom:20px}}.nomatch-container{justify-content:center;align-items:center;min-height:calc(100vh - 10rem);display:flex}.nomatch-wrapper{border:1px solid var(--secondary-color);border-radius:5px;justify-content:center;padding:20px 20px 15px;display:flex}.nomatch-container img{width:50%}@media screen and (width<=635px){.nomatch-container{justify-content:flex-start;min-height:calc(100vh - 13rem)}.nomatch-wrapper{margin-top:95px;padding:15px}.nomatch-container img{width:100%}}#root{margin:0 auto;padding:1rem}:root{--ultra-dark-bg:#1a1a1a;--dark-bg:#242424;--dark-bg-80:#242424cc;--gray-bg:#4d4d4d;--dark-linear-bg:linear-gradient(90deg, var(--secondary-color) 0%, var(--light-accent-color) 20%, var(--dark-bg) 70%);--dark-primary-white:#ffffffde;--dark-primary-black:#1a1a1a;--dark-accent-color:#67f9fe;--light-bg:#fff;--light-gray-bg:#737373;--light-linear-bg:linear-gradient(90deg, var(--secondary-color) 0%, var(--light-accent-color) 20%, var(--light-bg) 70%);--light-primary-white:#f2f2f2;--light-primary-white-80:#f2f2f2cc;--light-primary-black:#203446;--light-accent-color:#547cf2;--light-shadow-accent:.3px .5px .7px #1f40a35c, .8px 1.6px 2px -.8px #1f40a35c, 2.1px 4.1px 5.2px -1.7px #1f40a35c, 5px 10px 12.6px -2.5px #1f40a35c;--secondary-color:#019398;--dark-shadow-second:.3px .5px .7px #004a4d5c, .8px 1.6px 2px -.8px #004a4d5c, 2.1px 4.1px 5.2px -1.7px #004a4d5c, 5px 10px 12.6px -2.5px #004a4d5c;--toast-linear-gradient:linear-gradient(180deg, #242424 0%, #212121 17%, #212121 33%, #1f1f1f 50%, #1c1c1c 67%, #1c1c1c 83%, #1a1a1a 100%);--toastify-color-dark:var(--dark-bg-80);--toastify-text-color-dark:var(--dark-primary-white);--toastify-color-success:var(--secondary-color);--toastify-color-error:#a81c0d;--toastify-color-progress-dark:var(--toast-linear-gradient);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--dark-primary-white);background-color:var(--dark-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Urbanist,sans-serif;font-size:16px;font-weight:400;line-height:1.4rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;font-weight:700;text-decoration:none}a:hover{color:var(--light-accent-color)}a.active{color:var(--dark-accent-color)}h1{font-size:3.2em;line-height:1.1}button{color:var(--dark-primary-black);background-color:var(--secondary-color);cursor:pointer;border:2px solid #0000;border-radius:5px;outline:#0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:700;transition:border-color .25s}button:hover{color:var(--dark-primary-white);background-color:var(--dark-primary-black);border:2px solid var(--dark-accent-color);outline:#0000}input,textarea{color:var(--dark-accent-color);background-color:var(--dark-bg-80);border-width:1px;outline:#0000;font-family:inherit;font-size:1.1rem}input:-webkit-autofill{-webkit-text-fill-color:var(--dark-accent-color);-webkit-box-shadow:0 0 0 50px var(--dark-bg-80) inset}input[type=search]:hover,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--dark-accent-color)}li{list-style:none}main{min-height:calc(100svh - 10rem);margin-top:85px}.message{flex-direction:column;justify-content:center;align-items:center;height:100px;padding:1rem;font-weight:500;display:flex}@media (prefers-color-scheme:light){:root{--toastify-color-light:var(--light-primary-white-80);color:var(--light-primary-black);background-color:var(--light-bg)}a.active{color:var(--secondary-color)}button:hover{color:var(--secondary-color);border:2px solid var(--secondary-color)}input,textarea{color:var(--secondary-color);background-color:var(--light-primary-white)}input:-webkit-autofill{-webkit-text-fill-color:var(--secondary-color);-webkit-box-shadow:0 0 0 50px var(--light-primary-white) inset}}@media screen and (width<=610px){main{min-height:calc(100svh - 9rem);margin-top:65px}}@media (prefers-color-scheme:light) and (width<=440px){a:hover{color:var(--dark-accent-color)}a.active{color:var(--light-bg)}}