body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#111}.row{color:#fff;margin:20px}.row__posters{display:flex;overflow-x:scroll;overflow-y:hidden;padding:20px}.row__posters::-webkit-scrollbar{display:none}.row__poster{margin-right:10px;max-height:140px;object-fit:contain;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s;width:100%}.row__poster:hover{cursor:pointer;-webkit-transform:scale(1.08);transform:scale(1.08)}.row__posterLarge{max-height:250px}.row__posterLarge:hover{-webkit-transform:scale(1.09);transform:scale(1.09)}.banner{color:#fff;height:448px;object-fit:contain;position:relative}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner__contents{height:190px;margin-left:30px;padding-top:140px}.banner__description{font-size:.8rem;height:80px;line-height:1.3;max-width:360px;padding-top:1rem;width:45rem}.banner__button{background-color:rgba(51,51,51,.5);border:none;border-radius:.2vw;color:#fff;cursor:pointer;font-weight:700;margin-right:1rem;outline:none;padding:.5rem 2rem}.banner--fadeBottom{background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);bottom:0;height:7.4rem;position:absolute;right:0;width:100%}@media only screen and (max-width:425px){.banner__title{font-size:1.6rem;font-weight:800;padding-bottom:.3rem}.banner__description{max-width:19rem;width:19rem}}@media only screen and (max-width:375px){.banner__title{font-size:1.5rem;font-weight:800;padding-bottom:.3rem}.banner__description{max-width:18rem;width:18rem}}@media only screen and (max-width:320px){.banner__title{font-size:1.4rem;font-weight:800;padding-bottom:.3rem}.banner__description{max-width:17rem;width:15rem}}.nav{align-items:center;display:flex;height:60px;justify-content:end;padding:20px;position:fixed;top:0;transition-timing-function:ease-in;transition:all .5s;width:100%;z-index:1}.nav__black{background:#111}.nav__logo{left:20px;object-fit:contain;position:fixed;width:90px}.nav__avatar{position:fixed;right:20px;width:40px}.search,.side{align-items:center;display:flex}.search{margin-right:60px}.search input{background-color:initial;border:thin solid #d8d8d8;border-radius:2px;color:#d8d8d8;font-size:14px;outline:none;padding:7px;transition:all .3s;width:14rem}.search input:focus{background-color:rgba(0,0,0,.7);padding:8px;width:16rem}.search button{background-color:initial;border:none;cursor:pointer;margin-left:-30px;outline:none;z-index:1}.search__icon{fill:#b8b8b8;color:#b8b8b8;height:22px;width:22px}@media only screen and (max-width:425px){.nav{padding:10px}.nav__logo{left:20px;top:21px;width:70px}.nav__avatar{right:20px;top:18px;width:25px}.search{margin-right:60px}.search input{padding:5px;width:8.5rem}.search input:focus{padding:5px;width:9rem}}@media only screen and (max-width:375px){.nav{padding:10px}.nav__logo{left:20px;top:21px;width:70px}.nav__avatar{right:20px;top:18px;width:25px}.search{margin-right:60px}.search input{padding:5px;width:8.5rem}.search input:focus{padding:5px;width:9rem}}@media only screen and (max-width:320px){.nav{padding:10px}.nav__logo{left:20px;top:23px;width:70px}.nav__avatar{right:20px;top:18px;width:25px}.search{margin-right:70px}.search input{padding:5px;width:8rem}.search input:focus{padding:5px;width:8.5rem}}.footer{color:#616161;margin:50px 40px 0;padding:50px 20px}.footer__main{display:flex;justify-content:space-between}.footer__question{margin-bottom:5px}ul{margin:20px 0}ul li{list-style-type:none;margin-bottom:10px}ul li a{color:#616161;font-size:14px;text-decoration:none}ul li a:hover{text-decoration:underline}@media only screen and (max-width:425px){.footer{margin:1.3rem;padding:1px}.footer__main{grid-gap:.6rem;display:grid;grid-template-columns:repeat(2,11rem);grid-template-rows:repeat(2,9rem);justify-content:normal;margin-bottom:2rem}ul{margin:1rem 0;width:10rem}ul li{margin-bottom:1px}ul li a{font-size:1rem}}@media only screen and (max-width:375px){.footer{margin:1.3rem;padding:1px}.footer__main{grid-gap:.6rem;display:grid;grid-template-columns:repeat(2,10rem);grid-template-rows:repeat(2,8rem);justify-content:normal;margin-bottom:2rem}ul{margin:1rem 0;width:9rem}ul li{margin-bottom:1px}ul li a{font-size:.9rem}}@media only screen and (max-width:320px){.footer{margin:1.3rem;padding:1px}.footer__main{grid-gap:.3rem;display:grid;grid-template-columns:repeat(2,9rem);grid-template-rows:repeat(2,9rem);justify-content:normal;margin-bottom:1rem}ul{margin:1rem 0;width:8rem}ul li{margin-bottom:1px}ul li a{font-size:.8rem}}.container{margin:70px auto;padding:10px}.container h2{color:#ddd;margin-bottom:1rem;margin-left:3rem;margin-top:4rem}.container__main{grid-row-gap:1rem;grid-column-gap:1rem;display:grid;grid-template-columns:repeat(6,11rem);grid-template-rows:repeat(4,15.5rem);padding:1rem 3rem}.row__posterLarge{height:auto;width:11rem}@media only screen and (max-width:425px){.container__main{grid-row-gap:15px;grid-column-gap:10px;display:grid;grid-template-columns:repeat(2,12rem);grid-template-rows:repeat(10,16rem);padding:.5rem}.container h2{margin-left:.5rem}.row__posterLarge{width:12rem}}@media only screen and (max-width:375px){.container__main{grid-row-gap:10px;grid-column-gap:10px;display:grid;grid-template-columns:repeat(2,10rem);grid-template-rows:repeat(10,16rem);padding:.5rem}.container h2{margin-left:.5rem}.row__posterLarge{width:10rem}}@media only screen and (max-width:320px){.container__main{grid-row-gap:10px;grid-column-gap:10px;display:grid;grid-template-columns:repeat(2,9rem);grid-template-rows:repeat(10,14rem);padding:.2rem}.container h2{margin-left:.2rem}.row__posterLarge{width:9rem}}
/*# sourceMappingURL=main.0627f752.css.map*/