.footer{position:fixed;left:0;bottom:0;width:100%;background-color:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:5rem;padding:0 1rem;margin:0rem}.footer-container{display:flex;justify-content:center;align-items:center;gap:1rem}.footer p{font-family:roboto,sans-serif;font-size:.75rem;padding:0%;margin:0%}.footer a{color:#1f65f2;text-decoration:none;font-size:.75rem}.footer-icons{display:flex;gap:1rem;text-decoration:none;color:#fff}.footer ul{display:flex;list-style:none;gap:1rem}*{box-sizing:border-box}@font-face{font-family:Death Star,sans-serif;src:url(/assets/death-star.regular-dnTYYHCi.otf)}@font-face{font-family:Star Jedi,sans-serif;src:url(/assets/StarJediHollow-A4lL-BZZepD7c.ttf)}@font-face{font-family:Roboto,sans-serif;src:url(/assets/Roboto-Thin-O7kC-6lO.ttf)}body{margin:0;padding:0;background-color:#555;font-family:arial,sans-serif}.navbar{background-color:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:5rem;padding:0 1rem;margin:0rem}.navbar a{color:#fff;text-decoration:none;font-family:arial,sans-serif}.navbar ul{display:flex;list-style:none;gap:1rem}.input-wrapper{background-color:#fff;width:100%;border-radius:.2rem;height:2.5rem;padding:0 1rem;box-shadow:0 0 .2rem;display:flex;align-items:center}.input-wrapper input{background-color:transparent;border:none;width:100%;height:100%;font-size:1.25rem;margin-left:.05rem;outline:none}#search-icon{color:#333}.header{background-color:#000;display:flow-root;color:#fff;text-align:center}.header h1{font-family:Star Jedi,sans-serif;color:gold;font-size:2.5rem;margin:0;padding:0}.header p{font-family:arial,sans-serif;font-size:.75rem;color:#fff;padding:0%;margin:0%}.page-title{display:block;background-color:#555;font-family:Star Jedi,sans-serif;justify-content:center;align-items:center;font-size:3rem;margin:1rem 0;color:gold}.filter-wrapper{display:block;justify-content:center;align-items:center;margin:1rem 0;text-align:center}.select{background-color:#000;color:#fff;border:none;padding:.5rem;border-radius:.2rem;cursor:pointer}.card-wrapper{width:auto;display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:1.25rem;padding:1rem}.card-view{background-color:#fff;border-radius:.2rem;padding:1rem;box-shadow:0 0 .2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none}.card-view:hover{transform:scale(1.05);transition:transform .3s}.card-view img{width:100%;height:15rem;object-fit:cover;border-radius:.2rem}.card-view h2{font-family:Death Star,sans-serif;letter-spacing:.1rem;font-size:calc(.5rem + 1vw);margin:0;color:#333;justify-content:flex-start;align-items:flex-start;text-decoration:none}.card-view-link{text-decoration:none}.pagination-container{display:flex;justify-content:center;align-items:center}.pagination{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.page-item{background-color:#a19f9f;color:#fff;padding:.5rem;border-radius:.2rem;cursor:pointer;list-style:none;border:none}.active{background-color:#2f2f2f}.page-link{color:#fff;text-decoration:none}.loading-gif{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.character-container{width:100%;display:flex;gap:1rem;border:.1rem solid #333333;background-color:#ccc;height:50vh}.character-image{flex-shrink:0;margin-right:1.25rem}.character-info{font-family:Roboto,sans-serif;font-weight:100;flex-grow:1;padding:1rem}.character-info h2{font-family:Roboto,sans-serif;font-weight:100;margin:0;font-size:2rem;color:#333}.character-info p{margin:.4rem 0;font-size:1rem;color:#666}.back-button{background-color:#333;color:#fff;padding:.5rem 1rem;border:none;border-radius:.2rem;font-family:Roboto,sans-serif;cursor:pointer;transition:background-color .3s}.back-arrow{font-size:1.5rem}.home{position:absolute;width:100%}.home h1{font-family:death star,sans-serif;font-size:2rem;margin:1rem 0;color:gold;text-align:center;letter-spacing:.2rem}.home h2{font-family:death star,sans-serif;font-size:1.5rem;margin:1rem 0;color:gold;text-align:center;letter-spacing:.2rem}.home p{font-family:arial,sans-serif;font-size:1rem;margin:1rem 0;color:#fff;text-align:center}.home button{background-color:#333;color:#fff;padding:.5rem 1rem;border-radius:.2rem;cursor:pointer;border:none;margin:1rem 0}.home button:hover{background-color:gold;color:#333}.button-container{display:flex;justify-content:center;align-items:center;gap:1rem}.show-character-link{text-decoration:none;color:#fff}
