body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code{font-family:sans-serif}.App{background-image:linear-gradient(90deg,#318ce7,#4da5f3,#80bff7);min-height:100vh;text-align:center}.logo{padding:20px}.MuiTableRow-root{padding:0}.hide-on-large{display:none}.home-character-container,.home-container{margin:0 auto;max-width:100%;padding:80px 0 50px;width:70vw}.responsive-home-logo{height:auto;max-width:400px;padding-bottom:10px;width:80%}.character-table-link,.movie-table-link{color:blue;font-weight:700!important}.character-table-link{align-items:center;display:flex;gap:30px}.character-table-icon{display:block}.character-gender-status{align-items:center;display:flex;gap:5px;justify-content:center}.search-and-filter{background-color:#f4f6f6}.scroll-to-top{bottom:20px;cursor:pointer;position:fixed;right:20px}.scroll-to-top-button{color:#36454f;font-size:60px!important;transform:rotate(180deg)}.character-container,.movie-container{margin:0 auto;max-width:100%;padding-top:80px;text-align:justify;width:60vw}.responsive-movie-logo{display:block;height:auto;margin:0 auto;max-width:400px;padding-bottom:20px;width:80%}.responsive-movie-poster{height:auto;max-width:300px;width:70%}.header-title-character,.header-title-movie{color:#fff;line-height:1.5}.header-text{color:#fff}.description-text{font-size:18px!important;font-style:italic;padding:15px 0 5px;text-align:justify}.media-link{color:blue!important}.header-movie-featured,.header-title-cast{background-color:#36454f;color:#fff;padding:10px 0}.character-cast-grid,.movie-featured-grid{align-items:center;background-color:#f4f6f6;justify-content:center;padding:15px 0}.character-cast-card{align-items:center;display:flex;flex-direction:column;height:160px;justify-content:center;text-align:center;width:150px}.character-cast-name,.movie-featured-name{color:blue;padding-top:10px}.responsive-character-poster{min-width:300px;width:50%}.character-detail-gender-status{align-items:center;display:flex;font-size:14px!important;gap:5px}.movie-featured-card{align-items:center;display:flex;flex-direction:column;height:290px;text-align:center;width:150px}@media (max-width:1200px){.character-container,.home-character-container,.home-container,.movie-container{width:80vw}}@media (max-width:550px){.character-container,.home-character-container,.home-container,.movie-container{width:100vw}}
/*# sourceMappingURL=main.6df86e7e.css.map*/