body{margin:0 10px;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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.movieList-item{color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;border:1px solid #000;border-radius:10px;height:400px;width:20%;text-align:center;margin:20px 0;box-shadow:3px 5px 10px #000;transition:.6s;overflow:hidden}.movieList-item:hover{transform:scale(1.03)}.movieList-item-img{height:60%;border-radius:20px}.movieList-title-container{display:flex;justify-content:flex-start;align-items:center}.movieList-title-container h1{margin:25px}.movie-cards-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.go-to-add-movie-button{background:none;border:2px solid rgba(0,132,255,.658);border-radius:5px;padding:5px 10px;font-size:16px;font-weight:600;cursor:pointer;transition:.4s;margin:0 25px;color:rgba(0,132,255,.658)}.go-to-add-movie-button:hover{color:#fff;background-color:rgba(0,132,255,.658);border-color:#fff}.character-detail-container{border:1px solid #000;border-radius:10px;width:400px;box-shadow:5px 5px 10px rgba(0,0,0,.418);transition:.3s;margin-bottom:20px}.character-detail-container:hover{transform:scale(1.05)}.character-detail-container>img{width:350px;border-radius:5px}.buttons-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin-bottom:2vh}.detail-movie-title-container{display:flex;justify-content:flex-start;align-items:center}.detail-movie-title-container h1{margin-right:25px}.detail-movie-title-container button{background:none;border:2px solid #000;border-radius:5px;padding:5px 10px;font-size:16px;font-weight:600;cursor:pointer;transition:.4s;margin:0 25px}.detail-movie-title-container button:hover{color:#fff;background-color:#000}.button-red{color:#cb3234;border:2px solid #cb3234!important}.button-red:hover{color:#fff!important;background-color:#cb3234!important}.button-bluecito{color:rgba(0,132,255,.658)!important;border-color:rgba(0,132,255,.658)!important}.button-bluecito:hover{color:#fff;background-color:rgba(0,132,255,.658)!important}.detail-movie-data-container{text-align:center}.characters-container{display:flex;justify-content:space-evenly;flex-wrap:wrap}.movie-form-title-container{display:flex;justify-content:flex-start;align-items:center}.movie-form-title-container h1{margin-right:25px}.movie-form-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:40%;flex-direction:column}.movie-form-container span{margin:20px;color:#5e5e5e}.movie-form-confirm-button{background:none;border:2px solid rgba(0,132,255,.658);border-radius:5px;padding:5px 10px;font-size:16px;font-weight:600;cursor:pointer;transition:.4s;margin:0 25px;color:rgba(0,132,255,.658)}.movie-form-confirm-button:hover{color:#fff;background-color:rgba(0,132,255,.658);border-color:#fff}.character-form-title-container{display:flex;justify-content:flex-start;align-items:center}.character-form-title-container h1{margin-right:25px}.character-form-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:40%;flex-direction:column}.character-form-container span{margin:20px;color:#5e5e5e}button{background:none;border:2px solid #000;border-radius:5px;padding:5px 10px;font-size:16px;font-weight:600;cursor:pointer;transition:.4s;margin:0 25px}button:hover{color:#fff;background-color:#000}.character-form-confirm-button{background:none;border:2px solid rgba(0,132,255,.658);border-radius:5px;padding:5px 10px;font-size:16px;font-weight:600;cursor:pointer;transition:.4s;margin:0 25px;color:rgba(0,132,255,.658)}.character-form-confirm-button:hover{color:#fff;background-color:rgba(0,132,255,.658);border-color:#fff}
/*# sourceMappingURL=main.c39f6aa1.chunk.css.map */