@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);:root{--black:#080400;--main:#0e0701;--first:#090909;--white:#fff;--yellow:orange;--background-1:#1a1a1a;--background-2:#111}body{background-color:#111;background-color:var(--background-2);font-family:Poppins,sans-serif;margin:0;padding:0}.App{text-align:center}input:focus{outline:none}.activeGenre{background-color:var(--white)!important;color:var(--black)!important}.trending-movies{display:flex;flex-direction:column}.trending-movies .trending-movies-inner{grid-column-gap:1rem;grid-row-gap:2rem;display:flex;flex-wrap:wrap;justify-content:center}.trending-movies .trending-movies-inner h1{color:#fff;margin-top:30px;text-align:center}.filter-container{margin:20px 0 10px}.filter-container button{background:transparent;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:15px}.filter-container button:hover{background:#fff;border:1px solid #0b0b0b;color:#050505}.watchlist{width:100%}.watchlist .movies{grid-column-gap:1rem;grid-row-gap:2rem;display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0}*{box-sizing:border-box;margin:0;padding:0}.navbar{background-color:#090909;font-family:sans-serif;font-size:1.2rem;top:0}.navbar,.navbar-container{align-items:center;display:flex;height:80px;justify-content:space-around}.navbar-container{max-width:1500px;width:100%}.navbar-logo{align-items:center;color:var(--white);cursor:pointer;display:flex;font-size:2rem;justify-self:start;margin-left:20px;text-decoration:none}.navbar-logo .logo-mov{margin:0 4px}.nav-menu{align-items:center;display:flex;list-style:none;text-align:center}.nav-item{height:80px}.nav-links{align-items:center;color:var(--white);display:flex;height:100%;list-style:none;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{border-bottom:4px solid var(--white);transition:all .2s ease-out}.fa-bars{color:var(--white)}.menu-icon,.nav-links-mobile{display:none}@media screen and (max-width:960px){.nav-menu{align-items:center;display:flex;flex-direction:column;height:70vh;left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background-color:var(--background-2);left:0;z-index:1}.nav-links{display:table;margin:10px 0;padding:1rem 4rem;text-align:center;width:100%}.nav-links:hover{background-color:transparent;border-radius:10px;box-shadow:1px 1px 10px var(--white);color:var(--white)}.navbar-logo{left:0;position:absolute;top:0;-webkit-transform:translate(25%,50%);transform:translate(25%,50%)}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%)}.fa-times{color:var(--white);font-size:2rem}}.movies{grid-column-gap:1rem;grid-row-gap:2rem;display:flex;flex-wrap:wrap;justify-content:center}.media{background-color:var(--first);border-radius:10px;color:var(--white);display:flex;flex-direction:column;padding:5px;position:relative;width:225px}.media,.media:hover{transition:all .1s ease-in-out}.poster{border-radius:5px}.title{font-size:15px;padding:7px 0;text-align:center;width:100%}.buttons-card{display:flex;flex-direction:row;justify-content:space-around}.buttons-card button{background-color:transparent;border:1px solid var(--white);border-radius:4px;color:var(--white);cursor:pointer;font-size:14px;font-weight:400;margin:4px 0;overflow:hidden;padding:3px 8px;position:relative;transition:.5s ease}.buttons-card .info-btn{color:var(--white);text-decoration:none}.buttons-card .info-btn:hover{color:var(--black)}.buttons-card button:hover{background-color:var(--yellow);border:1px solid var(--yellow);color:var(--first)}.search-home{display:flex;justify-content:center;margin:20px 0;width:100%}.form-control{display:flex;text-align:center;width:50%;width:30%}.form-control form{display:flex;justify-content:space-between;width:100%}.search-bar{border:none;border-radius:5px;font-size:14px;height:30px;padding-left:5px;width:100%}.search-btn{background:transparent;border:none;border-radius:.12em;color:#fff;cursor:pointer;font-size:22px;width:50px}.search-btn i:hover{color:var(--yellow)}input[type=text]::-webkit-input-placeholder{font-size:14px}input[type=text]:-ms-input-placeholder{font-size:14px}input[type=text]::placeholder{font-size:14px}@media screen and (max-width:900px){.search-home{margin:20px 0}.form-control{display:flex;text-align:center;width:80%}}.home-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.infoSection{background-repeat:no-repeat;background-size:cover}.infoBox{background-color:rgba(0,0,0,.7);border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin:1em}.outer-container{align-items:center;background-attachment:fixed;background-image:linear-gradient(rgba(0,0,0,.85) 10%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.95) 90%);display:flex;justify-content:center;margin:0}.outer-container,.posterr img{height:100%;width:100%}.info{padding:2em .5em}.detail-container{flex-direction:row;width:90%}.column,.detail-container{display:flex;justify-content:space-between}.column{flex-direction:column}.movie-name h1{color:#fff;font-size:2.5em;margin:0;text-transform:uppercase}.overview h2{color:var(--yellow);font-weight:400}.overview p{color:#fff;font-size:1em}.genres-companies h2{color:var(--yellow);font-weight:400}.genres-companies p{color:#fff}.details{margin-bottom:10px}.details h3{color:#fff}.details h2,.details h3{font-weight:400;margin:0}.details h2{color:var(--yellow)}.links-details{cursor:pointer;display:flex}.li{background-color:rgba(80,80,80,.5);list-style-type:none;margin:16px 10px 16px 0;padding:14px 0}.link{box-sizing:border-box;color:#fff;font-size:14px;letter-spacing:1px;padding:15px;text-decoration:none}.link:hover{background-color:var(--yellow);color:#000;transition:.2s}@media(min-width:568px){.container-box{width:530px}}@media(min-width:867px){.container-box{margin:3em;width:830px}.infoBox{flex-direction:row;margin:1em}.info,.posterr{width:48%}}@media(min-width:1075px){.container-box{width:1030px}.posterr{width:43%}.info{width:53%}}@media(min-width:1495px){.container-box{width:1470px}}
/*# sourceMappingURL=main.1c00aa10.css.map*/