:root{--main-bg-color: #1a1a1a;--main-secondary-color: #333;--main-text-color: #ffcb00;--main-secondary-text-color: #007fff}body{font-family:Nunito;background-color:var(--main-bg-color);color:var(--main-text-color);line-height:1.6;margin:0}h1,h2,h3,h4{font-family:"8BITWONDERNominal";color:var(--main-secondary-text-color)}h1{font-size:24px;text-align:center;text-decoration:underline;margin-bottom:30px}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}p{text-align:justify;font-family:Nunito;font-family:PressStart2PRegular;font-size:12px;margin-bottom:20px}a{font-family:"8BITWONDERNominal";font-weight:400;font-style:normal;font-size:12px}@media only screen and (min-width: 1200px){.container{max-width:800px}.margin-header{margin-top:120px}}@media only screen and (max-width: 1200px){.margin-header{margin-top:150px}}.button{border:1px solid var(--main-text-color);border-radius:5px;padding:5px 10px}.button:hover{background-color:var(--main-secondary-text-color);color:var(--main-text-color)!important;border:1px solid var(--main-secondary-text-color);border-radius:5px;padding:5px 10px}.signature{font-style:italic;text-align:right;color:#888}.navbar{background-color:#333;padding:20px 0!important;justify-content:center;border-radius:0 0 5px 5px;width:100%}.navbar a{font-family:"8BITWONDERNominal";color:var(--main-text-color);font-size:12px}.header{position:fixed;left:0;top:0;width:100%;color:var(--main-text-color);text-align:center;padding-top:0}.presentation{display:flex;justify-content:center;flex-direction:column;align-items:center}.presentation img{border-radius:50%;max-width:100px}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}.conclusion[data-v-19d1264b]{font-style:italic}.image-container[data-v-19d1264b]{display:flex;justify-content:center;align-items:center}.pnj .person{display:flex;align-items:center;background-color:var(--main-secondary-color);border:1px solid var(--main-text-color);border-radius:5px;padding:10px;margin-bottom:10px}.pnj .person img{max-width:100px;max-height:100px;border-radius:50%}.pnj .person-details{margin-left:10px}.main-characters .card:hover{background-color:var(--main-secondary-text-color);border:1px solid var(--main-secondary-text-color)}.main-characters .card:hover h3,.main-characters .card:hover h4{color:var(--main-text-color)}.main-characters .person{display:flex;align-items:center;background-color:var(--main-secondary-color);border:1px solid var(--main-text-color);border-radius:5px;padding:10px;margin-bottom:10px}.main-characters .person img{max-width:100px;max-height:100px;border-radius:50%}.main-characters .person-details{margin-left:10px}.main-characters a:hover{cursor:pointer}.antagonists .card:hover{background-color:var(--main-secondary-text-color);border:1px solid var(--main-secondary-text-color)}.antagonists .card:hover h3,.antagonists .card:hover h4{color:var(--main-text-color)}.antagonists .person{display:flex;align-items:center;background-color:var(--main-secondary-color);border:1px solid var(--main-text-color);border-radius:5px;padding:10px;margin-bottom:10px}.antagonists .person img{max-width:100px;max-height:100px;border-radius:50%}.antagonists .person-details{margin-left:10px}.antagonists a:hover{cursor:pointer}