:root{--primary:#222831;--secondary:#393e46;--tertiary:#00adb5;--quaternary:#eee;--quinary:#828282}body{box-sizing:border-box;background-color:#393e46;background-color:var(--secondary);font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,textarea{margin:0;padding:0;font:400 18px Roboto,sans-serif;color:#eee;color:var(--quaternary)}a,a:hover{color:inherit}a:hover{text-decoration:underline}ul{list-style:none}#results-info{display:flex;align-items:center;justify-content:flex-end;font-size:1rem;font-weight:400;width:100%}#results-info .total-pages,#results-info .total-results strong{display:none}@media screen and (min-width:960px){#results-info .total-pages{display:inline;padding-right:1.5rem}#results-info .total-pages strong{padding-right:.5rem}#results-info .total-results strong{display:inline;padding-right:.5rem}}#container{max-width:1200px;margin:0 auto}nav{position:-webkit-sticky;position:sticky;top:0;z-index:999;width:100%;background-color:#000}nav>.nav-container{margin:0 auto;display:flex;justify-content:space-between;align-items:center;max-width:1200px;padding:15px 30px}nav button{height:50px;width:100px}nav>.nav-container>.hamburger-menu-icon:hover{cursor:pointer}@media screen and (min-width:1200px){nav>.nav-container>.hamburger-menu-icon{display:none}}#menu-container{height:100vh;width:50vw;position:fixed;top:0;left:0;padding:30px;background:#000;display:flex;flex-direction:column}#menu-container>ul>li{color:#fff;list-style:none}button{height:60px;width:150px;border-radius:5px;border-style:none;outline:0;color:#eee;background-color:var(--secondary);transition:.5s;margin:0 0 10px;cursor:pointer}button:hover{opacity:1;background-color:var(--tertiary)}header{padding:50px 30px}header>h1{font-size:2rem}header>span{font-size:.875rem}main{border-top-left-radius:30px;border-top-right-radius:30px;background-color:#222831;padding:30px}input{padding:22px 20px;width:100%;background-color:var(--primary);border-radius:10px;border:none;outline:0;font-size:1.2rem}#search-container{display:flex;align-items:center;padding-top:30px}#list-container .movies-grid{margin-top:30px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}#list-container .movies-grid li{list-style:none}#list-container .movies-grid li img{cursor:pointer;width:100%;opacity:.7;transition:.5s}#list-container .movies-grid li img:hover{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}.load-more{font-size:2.5rem;padding:0 auto;cursor:pointer;width:100%;height:50px;border-style:none;outline:0;transition:.5s;margin-bottom:30px}.load-more:hover{opacity:1;background-color:#7fffd4}@media screen and (min-width:620px){#list-container .movies-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:960px){#list-container .movies-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1200px){#list-container .movies-grid{grid-template-columns:repeat(5,1fr)}}#top-main>.back-icon{margin-bottom:30px}#top-main>.back-icon>svg{transition:.5s}#top-main>.back-icon>svg:hover{cursor:pointer;fill:var(--tertiary)}#top-main>.back-icon>svg{fill:var(--quinary)}#movie-container .info-container .poster{display:none}#movie-container>.info-container>section{width:100%}#movie-container>.info-container>section:not(:first-child){margin-top:10px}.movie-details{display:flex;flex-direction:column;padding:30px;background-color:rgba(0,0,0,.5);font-size:16px;color:var(--quaternary);line-height:1.4}.movie-details .movie-title h1{font-size:30px}.movie-details .movie-info{margin-top:20px}.movie-details .movie-info span{margin-right:9px;padding-right:11px;font-size:14px}.movie-details .movie-info span:not(:last-child){border-right:1px solid #a3a3a3}.movie-details .movie-synopsis{margin:30px 0}.movie-details .movie-more-details{display:flex;flex-direction:column}.movie-details .movie-more-details strong:not(:first-child){margin-top:16px}#movie-container .backdrop-image img{width:100%}@media screen and (min-width:960px){#movie-container>.backdrop-image{position:relative}#movie-container .info-container{display:flex;align-items:center}#movie-container .backdrop-image .movie-details{position:absolute;-webkit-transform:translateX(5%) translateY(-120%);transform:translateX(5%) translateY(-120%);max-width:500px}}
/*# sourceMappingURL=main.351cfe73.chunk.css.map */