.container-app{max-width:800px;margin:0 auto;padding:20px;color:#fff}.container-app h1{text-align:center}.container-search,.container-search form{display:flex;justify-content:center;align-items:center}.container-search input{font-size:1rem;font-weight:bolder;width:20rem;padding:10px;border:none;border-bottom:1px solid #ffffff;margin-right:1rem;background-color:#1f1f1f;color:#fff}.container-search button{font-size:1rem;font-weight:bolder;background-color:#2196f3;color:#fff;padding:10px;border:none;border-radius:3px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#607d8b}.container-card{display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:16px;margin:1.5rem}.container-character{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#2e2e2e;box-shadow:0 0 10px #fff;border-radius:10px;color:#fff}.container-character img{max-width:70%;height:auto;border-radius:50%;box-shadow:0 0 10px #0003}.info-character{display:flex;flex-wrap:wrap;justify-content:left;margin-top:20px}.info-character section{display:flex;flex-direction:column;margin:10px}.info-character section p{margin:0;padding:5px}body{margin:0;padding:0;box-sizing:border-box;background-color:#1f1f1f;font-family:Open Sans,sans-serif;overflow-x:hidden;overflow-y:hidden}