html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}@media only screen and(min-width:768px){body{font-size:16px}}@media only screen and(min-width:480px) and (min-width:768px){body{font-size:15px}}@media only screen and(min-width:479px){body{font-size:14px}}*{margin:0}.app{background-color:#111}.app,.row{color:#fff}.row{margin-left:20px}.row_posters{display:flex;overflow-x:scroll;overflow-y:hidden;padding:20px}.card{height:100%;position:relative}.row_btn{position:absolute}.row_posters::-webkit-scrollbar{display:none}.row_poster{margin-right:10px;max-height:100px;object-fit:contain;position:relative;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s;width:100%}.row_poster:hover{-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}.banner_contents{height:190px;margin-left:30px;padding-top:140px}.banner_title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner_description{font-size:.8rem;height:80px;line-height:1.3;max-width:360px;padding-top:1rem;width:45rem}.banner_button{padding:.5rem 2rem}.banner_button:hover{background-color:#e6e6e6;color:#000;transition:all .2s}.banner-fadeBottom{background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);height:7.4rem}.nav{display:flex;height:45px;justify-content:space-between;padding:5px;position:fixed;top:0;transition-timing-function:ease-in;transition:all .5s;width:100%;z-index:1}.nav_black{background-color:#111;display:flex}.nav_avatar{color:red;left:0}.nav_login{padding:10px}.detail_div{position:relative}.movie_info1{top:55vh}.movie_info1,.movie_info2{left:6vw;position:absolute;right:100vh}.movie_info2{top:10vh}.movie_title{color:red;font-family:"Cursive";font-size:40px;font-weight:1000}.movie_trailer{position:absolute;top:52vh;width:100%}.date_rate{display:flex}.detail_img{bottom:0;height:100vh;left:0;opacity:.9;position:fixed;right:0;top:0;width:100vw;z-index:-1}.banner_button{background-color:rgba(51,51,51,.5);border:none;border-radius:.5vw;color:#fff;cursor:pointer;font-weight:700;margin-right:1rem;outline:none;padding:1rem 2.5rem .5rem}@media only screen and (max-width:1020px){.movie_info1,.movie_info2{position:absolute;right:25vw}.movie_info2{top:10vh}}@media only screen and (max-width:450px){.movie_info1,.movie_info2{position:absolute;right:40px}.movie_info2{top:10vh}}
/*# sourceMappingURL=main.15fe6909.css.map*/