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}a{text-decoration:none;color:#242424}a:hover{color:grey}button{font-family:"Roboto Condensed",Helvetica,sans-serif;margin:30px auto 14px;padding:8px 30px;font-size:18px;border-radius:24px;background-image:linear-gradient(to bottom right,#4ab7ff,#c592ff);color:#fff}button,button:hover{border:2px solid #fff}button:hover{cursor:pointer;box-shadow:0 2px 10px #4a83ff;transition:.2s}.App{text-align:center;font-family:"Roboto",sans-serif;font-size:20px}.App-logo{max-height:80px;pointer-events:none;display:flex;margin:10px}.App-footer,.App-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#fff;left:0;right:0;margin:0 auto;background-image:linear-gradient(to bottom right,#4ab7ff,#c592ff)}.App-footer{background-image:none;display:flex;flex-direction:column;justify-content:space-evenly;font-size:12px;padding:20px;height:100%;margin:0 auto;color:grey}.main{background-color:#fff;margin:0 auto;left:0;right:0}.hero{position:relative}.hero .hero-img{width:100%;height:auto;margin:0 auto;display:block}.hero .hero-modal{display:none;text-align:center;position:absolute;top:0;left:0;bottom:0;right:0;background:hsla(0,0%,100%,.25)}.hero:hover .hero-modal{display:block;display:flex;align-items:center;justify-content:space-around}.header-link{text-decoration:none;color:#fff;margin:20px}.header-link:hover{text-shadow:0 1px 9px #fff;font-weight:600}.non-home-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:10px;margin:20px 30px}.page-title{margin:50px 0 0;color:#4a83ff}.collection{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin:10px 40px}.film-preview{margin:30px 5px;font-weight:600;padding:20px 10px;border-width:1px;border-color:#fff;border-radius:10px;background-color:#fff}.film-preview:hover{opacity:.8;box-shadow:0 4px 10px hsla(0,0%,52.9%,.5);transform:scale(1.02);transition-duration:.3s;cursor:pointer}.film-poster{width:300px;height:450px}.film-poster,.film-poster-detail{border-width:1px;border-color:#fff;border-radius:4px;margin:4px}.film-poster-detail{height:500px}.film-details{display:flex;flex-direction:row;justify-content:space-evenly;margin:60px 20px}.film-details-content{display:flex;flex-direction:column;font-size:18px;align-items:flex-start;text-align:left;justify-content:left;margin:2px 30px;max-width:600px}.film-details-title{font-size:32px;text-align:left}.film-details-description{font-size:18px}.film-details-others{display:flex;flex-direction:column;justify-content:space-evenly}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.6)}.modal-content{margin:10% auto;padding:10px;width:60%;display:flex;flex-direction:column}.video iframe{margin:0 auto}.go-back{background-image:none;background-color:#fff;color:grey;border-color:grey;margin:10px 0}.go-back:hover{color:#4ab7ff;border-color:#4ab7ff;cursor:pointer;box-shadow:none}.about{flex-direction:column;padding:0 60px}.about,.about-section{display:flex;justify-content:space-evenly}.about-section{margin:10px 60px;flex-direction:row;align-items:center;text-align:left;font-size:18px}.about-text{margin:10px;max-width:500px}.about-img{margin:20px;border-radius:10px}@media(max-width:1000px){.about-section{margin:10px 60px;padding:20px;display:flex;flex-direction:column-reverse}.about-text{margin:10px 0}.about-img{margin:20px}}@media (max-width:650px){.film-details{display:flex;flex-direction:column;justify-content:space-evenly;margin:40px 0}.film-details-content{display:flex;margin:0 auto;flex-direction:column;font-size:18px;align-items:flex-start;text-align:left;justify-content:left;width:340px}.about-section{margin:10px 30px}.about-text{margin:10px;font-size:16px}.about-img{margin:30px;width:440px}}@media (max-width:450px){.film-poster{width:240px;height:360px}.film-details{display:flex;align-items:center;font-size:16px;margin:30px 0}.film-poster-detail{width:240px;height:360px}.film-details-content{width:240px;padding:10px}.film-details-title{font-size:20px}.film-details-description,.film-details-others,button{font-size:16px}.App-header{flex-direction:column;justify-content:space-around;align-items:center;padding:10px 0}.about-section{margin:10px}.about-text{margin:10px;font-size:16px}.about-img{margin:30px 10px;width:240px}}
/*# sourceMappingURL=main.605618de.chunk.css.map */