body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}header{background-color:#1ec7c7;color:#fff;display:flex;flex-direction:column}header>div{display:flex;flex-direction:row}header>.up-header{justify-content:center;border-bottom:1px solid}header>.down-header{display:block}header>.down-header>.navbar>ul{display:flex;flex-direction:row;padding:0;margin:0}header>.down-header>.navbar>ul>li{margin-left:2px;font-size:15px;list-style-type:none;cursor:pointer;transition:.1s linear}header>.down-header>.navbar>ul>li>a{text-decoration:none;color:#fff;padding:20px 13px;display:inline-block}header>.down-header>.navbar>ul>li>a:hover{background-color:#199999}header>.down-header>.search{display:flex;flex-direction:row;justify-content:center;margin-top:10px}header>.down-header>.search>input{padding:10px 15px;width:50%;border:none;outline:none;border-radius:15px;box-shadow:1px 1px 1px #aaa}.search-result{width:60vw;position:absolute;top:120px;background-color:#fff;color:#222;z-index:10;box-shadow:1px 1px 2px #333;border-radius:0 4px 4px 4px;display:none;max-height:calc(100vh - 130px);overflow:auto}.search-result>div>a{display:flex;padding:10px;border-bottom:1px solid #ccc}.search-result a{text-decoration:none;color:#222}.search-result>div img{width:80px;height:120px}.search-result .search-content{height:120px;overflow:hidden}.search-name{font-size:15px;margin:5px 10px}.search-description{font-size:13px;margin:5px 10px}@media (max-width:767px){header>.down-header>.search>input{margin-left:20px}.navbar{width:auto!important;padding-top:15px}}main>section>section{flex-wrap:wrap;padding-left:80px;padding-right:80px}.section-header,main>section>section{display:flex;justify-content:space-between}.section-header{margin-right:80px}.section-header>div>span{position:relative;top:8px;font-size:14px;color:#333;padding-right:10px}main>section>div>h3{margin:30px 0 30px 80px;font-size:25px;display:inline-block;padding:10px 40px;border-radius:4px;box-shadow:1px 1px 2px #333;color:#fff;background-color:#1ec7c7}.movie-card{width:230px;height:470px;display:flex;flex-direction:column;border-radius:5px;background-color:#222;margin-top:10px;margin-bottom:10px;box-shadow:1px 2px 3px #222;transition:.2s cubic-bezier(.34,2,.6,1)}.movie-card:hover{transform:translateY(-10px)}.movie-card a{text-decoration:none}.movie-card>.movie-poster{display:flex;flex-direction:row;justify-content:center}.movie-card img{width:100%;height:330px;border-radius:5px 5px 0 0;vertical-align:middle}.movie-body{display:flex;flex-direction:row}.movie-body .movie-title{width:75%;padding:10px 0 0 15px;color:#fefefe;font-size:15px;height:70px;overflow:hidden}.movie-body .movie-badge{box-shadow:1px 1px 3px #eee;border-radius:100%;width:30px;height:30px;color:#fff;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;align-items:center;font-size:14px;margin-top:6px}.movie-footer{display:flex;flex-direction:row;flex-wrap:wrap;height:30px}.movie-footer span{color:#666;font-size:13px;margin-left:10px}.movie-character{margin-top:8px;overflow:hidden;height:23px}.movie-character span{color:#666;font-size:13px;margin-left:10px}@media (max-width:767px){main>section>div>h3{font-size:15px;margin:20px 0 30px 20px!important}.section-header{margin-right:20px}.section-header>div>span{display:none}.switch{margin-top:20px!important}main>section>section{padding-left:20px;padding-right:20px}.movie-card{width:100%}.movie-character{margin-top:0}}.movie-cast{display:flex;justify-content:center;flex-wrap:wrap;padding-left:80px;padding-right:80px}.cast-person{width:200px;margin:10px 15px;box-shadow:1px 2px 3px #222;border-radius:4px;transition:.2s cubic-bezier(.34,2,.6,1)}.cast-person:hover{transform:translateY(-10px)}.cast-person .person-header>img{width:100%;height:300px;border-radius:4px 4px 0 0;vertical-align:middle}.cast-person .person-body{height:40px;font-size:14px;background-color:#222;padding:10px;border-radius:0 0 4px 4px;overflow:hidden}.cast-person a{text-decoration:none}.person-name{font-size:15px;color:#fff}.person-character{font-size:13px;color:#ddd}.movie-cast-header{display:flex;justify-content:space-between;margin-right:80px}.movie-cast-header>div>span{position:relative;top:8px;font-size:12px;color:#333;padding-right:10px}.switch{margin-top:30px}h3{margin:30px 0 30px 80px;font-size:25px;display:inline-block;padding:10px 40px;border-radius:4px;box-shadow:1px 1px 2px #333;color:#fff;background-color:#1ec7c7}@media (max-width:767px){h3{font-size:15px;margin:20px 0 30px 20px!important}.movie-cast-header{margin-right:20px}.movie-cast-header>div>span{display:none}.switch{margin-top:20px!important}.movie-cast{padding-left:20px;padding-right:20px}.cast-person{width:100%}}.images-movie{--aspect-ratio:1.769;--img-height:50px;display:flex;flex-direction:row;width:calc(100% - 80px);overflow:auto;margin-left:40px;margin-top:10px;background-color:#222;border-radius:4px}.images-movie img{height:var(--img-height);padding:10px;cursor:pointer;vertical-align:middle}#open-image{position:fixed;background-color:#333;width:calc(100% - 80px);top:5px;left:40px;border-radius:4px;display:none;z-index:10}#open-image.photo{justify-content:space-between}#open-image .backward{width:10%;background-color:#00f;cursor:pointer}#open-image img{width:80%}#open-image.photo img{width:30%}#open-image .forward{width:10%;background-color:pink;cursor:pointer}#close{position:fixed;width:40px;height:40px;background:beige;box-shadow:1px 1px 1px #222;border-radius:100%;left:calc(90% - 20px);top:20px;cursor:pointer}@media (max-width:767px){.images-movie{width:calc(100% - 40px);margin-left:20px}}.movie-overview{height:auto}.container{display:flex;flex-direction:column;--header-height:100px;--footer-height:50px}div.movie{display:flex;flex-direction:row;width:calc(100% - 80px);margin-left:40px;margin-top:10px}.movie>.movie-poster>img{width:300px;height:450px;border-radius:4px 0 0 4px}.movie>.movie-detail{background-color:rgba(0,0,0,.7);border-radius:0 4px 4px 0;height:450px;width:calc(100% - 80px);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.movie>.movie-detail>.movie-header{display:flex;flex-direction:row;justify-content:space-between}.movie-header>.movie-title{padding:20px 10px;font-size:20px;max-width:70%}.movie-header>.movie-rate{width:40px;height:40px;border-radius:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;align-items:center;margin-right:10px;margin-top:10px;font-size:15px;box-shadow:1px 1px 2px #fff}.movie-overview{font-size:15px;height:200px;overflow:auto}.movie-genres,.movie-overview{width:calc(100% - 40px);margin-left:20px}.movie-genres>span{border:1px solid #199999;padding:8px 20px;display:inline-block;margin-right:10px;border-radius:4px;background-color:#199999;font-size:14px;margin-top:10px}.movie-detail>.movie-footer{background-color:#222;color:#fff;display:grid;grid-template-columns:2fr 1fr 2fr 2fr;grid-template-rows:1fr;justify-items:center;padding:16px 0;font-size:15px}.movie-director{font-size:14px;margin-top:10px;margin-left:20px}.movie-director>a{color:#ccc;text-decoration:none;margin-right:10px}.movie-director>a:hover{text-decoration:underline}.movie-actors,.movie-companies{margin-left:20px;margin-top:8px;font-size:14px}.movie-actors>a,.movie-companies>a{color:#ccc;text-decoration:none;margin-right:10px}.movie-actors>a:hover,.movie-companies>a:hover{text-decoration:underline}@media (max-width:767px){.movie{flex-direction:column!important;width:calc(100% - 40px)!important;margin-left:20px!important}.movie>.movie-poster>img{height:auto}.movie>.movie-detail,.movie>.movie-poster>img{width:100%;border-radius:4px}.budget,.revenue{display:none}.movie-footer{margin-top:10px;font-size:.8em!important;grid-template-columns:2fr 1fr!important;border-radius:0 0 4px 4px}.movie-overview{height:auto;max-height:200px}.movie-genres>span{padding:5px 15px;font-size:12px}}.main{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
/*# sourceMappingURL=main.1f26dffc.chunk.css.map */