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}*{box-sizing:border-box;margin:0;padding:0}.navbar{background-color:#333;padding:10px 20px}.navbar-container{align-items:center;display:flex;justify-content:space-between}.logo-coint
.logo{color:#fff;font-size:24px;margin:0}.no-underline{text-decoration:none}.menu-container,.menu-list{display:flex}.menu-list{list-style:none;margin:0;padding:0}.menu-list-item{margin:0 15px}.menu-list-item a{color:#fff;padding:5px 10px;text-decoration:none;transition:background-color .3s}.movie-list-item.active a{background-color:green;color:#fff}.menu-list-item a:hover{background-color:#555}.container{margin:0 auto;max-width:1200px;padding:20px}.content-container{align-items:center;display:flex;flex-direction:column}.movie-list-container{margin-bottom:20px;text-align:center;width:100%}.movie-list-title{color:#34495e;font-size:32px;margin-bottom:10px}select{border:1px solid #bdc3c7;border-radius:4px;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px}.movie-list-wrapper{align-items:center}.movie-list,.movie-list-wrapper{display:flex;justify-content:center}.movie-list{flex-wrap:wrap;margin:0}.arrow{color:#bdc3c7;font-size:24px;margin-left:10px}.pageChangeButton{display:flex;justify-content:center;margin-top:20px}.next-page{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:background-color .3s}.next-page:hover{background-color:#2980b9}.movie-list-item{background-color:#fff;border:1px solid #bdc3c7;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:10px;overflow:hidden;position:relative;transition:transform .3s;width:200px}.movie-list-item-image{border-bottom:1px solid #bdc3c7;height:auto;width:100%}.movie-list-item-title{color:#34495e;font-size:18px;font-weight:700;margin:10px 0;text-align:center;z-index:1}.movie-list-item-desc{align-items:center;background-color:#000000b3;border-radius:8px;bottom:0;color:#fff;display:flex;font-size:14px;justify-content:center;left:0;opacity:0;padding:10px;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease}.movie-list-item:hover .movie-list-item-desc{opacity:1}.movie-list-item:hover{box-shadow:0 4px 16px #0003;transform:translateY(-5px)}.outer{background-color:#fff;border:1px solid #bdc3c7;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;margin:20px auto;max-width:1200px;padding:20px}.detail-image{flex:1 1;margin-right:20px}.title-overview{flex:2 1;margin-top:15%}.title-overview h1{color:#94afcb;font-size:28px;margin-bottom:10px;text-shadow:1px 1px 0 #000000b3,-1px -1px 0 #000000b3,1px -1px 0 #000000b3,-1px 1px 0 #000000b3}.title-overview p{color:#fff;font-size:16px;line-height:1.6;text-align:justify;text-shadow:1px 1px 2px #000000b3}.review-container{margin-top:20px}.review{background-color:#f9f9f9;border:1px solid #bdc3c7;border-radius:8px;margin-bottom:10px;padding:10px}.review .author{color:#34495e;font-weight:700}.review .content{color:#7f8c8d}.form-review{background-color:#fff;border:1px solid #bdc3c7;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px auto;max-width:600px;padding:20px}.form-review button{margin-left:40%}.form-review h1{color:#34495e;font-size:24px;margin-bottom:20px}label{color:#34495e;display:block;font-size:16px;margin-bottom:5px}input[type=range],input[type=text],textarea{border:1px solid #bdc3c7;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}textarea{resize:none}input[type=range]{margin-bottom:5px;width:calc(100% - 20px)}button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}button:hover{background-color:#2980b9}.review-box{background-color:#f9f9f9;border:1px solid #bdc3c7;border-radius:8px;box-shadow:0 1px 4px #0000001a;margin:15px 5%;padding:15px}.rev-author{color:#34495e;font-size:16px}.rev-content{color:#7f8c8d;font-size:14px;margin-top:5px;text-align:justify}.rev-author b,.rev-content b{color:#2c3e50}.rev{display:block;margin-bottom:5px}@media (max-width:768px){.outer{flex-direction:column}.detail-image{margin-bottom:20px;margin-right:0}.navbar-container{align-items:flex-start;flex-direction:column}.menu-container{width:100%}.menu-list{flex-direction:column;width:100%}.menu-list-item{margin:10px 0;width:100%}.menu-list-item a{text-align:center;width:100%}.form-review{margin:0 10px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9d65e0ec.css.map*/