*{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body{background:#081119;background-image:url(../img/background.c3f15c92.gif)}.content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:30px 30px;width:80%;margin:0 auto}.content-characters{background:#002128;padding:1rem;border-radius:1rem}.content-characters:hover{background:#1b1b1b}.character{display:flex;justify-content:center;align-items:center}.info-character{display:table-column;justify-content:center;margin:0 auto}img.logo{width:70%}img{height:50%;width:50%;border-radius:1rem}h1{color:#00ff97}h2{font-weight:700;font-size:1.2rem;padding:1rem;background:#00ff97;border-radius:.8rem;margin:1rem}h4{background:#8b8b8b;border-radius:.4rem;font-weight:inherit;padding:.2rem}h4,input{margin:1rem;color:#fff}input{text-align:center;background:#002128;outline:none;border:0;width:300px;padding:1rem;font-weight:700;border-radius:1rem}@media screen and (max-width:918px){.content{grid-template-columns:1fr 1fr}.character{display:flex;align-items:center}h2{font-size:1rem}}@media screen and (max-width:540px){.content{width:90%;grid-template-columns:1fr}.character{display:flex;align-items:center}}