@import"https://fonts.googleapis.com/css2?family=Creepster&family=Poppins:wght@400;500;800&display=swap";.navbar{background-color:#00042e;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 20px;max-width:100%;max-height:70px;box-sizing:border-box}.navbar_logo{width:auto;height:auto;max-height:50px;max-width:50px}.close-icon{font-size:24px;color:#fff;cursor:pointer;transition:color .3s;margin-right:10px}.menu-toggle{display:block;cursor:pointer}.bar{background-color:#fff;height:3px;width:25px;margin:5px 10px 5px 0;transition:.4s}.nav-menu{display:none}.nav-menu.open{display:block;position:absolute;top:60px;left:0;right:0;background-color:#00042e;text-align:center;z-index:1;border-top:1px solid #fff}.nav-menu ul{list-style:none;padding:0}.nav-menu li{padding:10px 0}.nav-menu a{color:#fff;text-decoration:none;font-size:18px}@media screen and (min-width: 768px){.navbar{padding:10px 40px}.navbar_logo{width:150px}.menu-toggle{display:none}.nav-menu{display:flex;justify-content:flex-end}.nav-menu ul{display:flex;list-style:none;margin:0}.nav-menu li{padding:0 20px}.nav-menu a{font-size:16px}}.home-navbar{background-color:#00042e}.episode-info-container{text-align:center;padding:20px;background-color:transparent;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.episode-name-container h2{color:#7cfc00}.episode-name-container{background-color:transparent;padding:20px;text-align:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.episode-filter-container{display:flex;flex-direction:column;align-items:center;text-align:center}.episode-filter-field{display:flex;flex-direction:row;align-items:center;margin-top:10px;text-align:center}.episode-filter-field label{color:#7cfc00;font-size:10px;margin-right:5px}#episodeFilter{width:60%;height:10px;padding:10px;border:1px solid lawngreen;border-radius:4px;background-color:#020251;font-size:12px;cursor:pointer;color:#7cfc00}#episodeFilter:after{content:"▼";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none}.character-container{margin-top:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100%,2fr));gap:20px;padding-left:10px;padding-right:10px;margin-left:10px;margin-right:10px;box-sizing:content-box;justify-content:center;width:97%;background-color:transparent}.grid-container{margin-top:30px;margin-bottom:100px;gap:10px;background-color:transparent}.cardContainer{background-color:#fff;border:1px solid #0074e4;border-radius:5px;box-shadow:0 2px 4px #0000001a;flex:0 0 calc(25% - 20px);margin:10px;display:flex;flex-direction:column;align-items:center;text-align:center}.cardTitle{font-size:1.2rem;font-weight:700;margin-top:10px}.cardLocation{margin-top:10px;font-size:.9rem}.cardContainer{position:relative;transition:transform .3s ease-in-out box-shadow .3s ease-in-out}.cardContainer:hover{transform:scale(1.05);z-index:1;box-shadow:0 0 10px #0000004d}body{margin:0;padding:0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.location-info-container,.location-name-container,.location-filter-container{text-align:center;padding:20px;background-color:transparent;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.location-name-container h2{color:#7cfc00}.location-filter-container{display:flex;flex-direction:column;align-items:center;text-align:center}.location-filter-field{display:flex;flex-direction:row;align-items:center;margin-top:10px;text-align:center}.location-filter-field label{font-size:10px;margin-right:5px;color:#7cfc00}#locationFilter{width:60%;height:10px;padding:10px;border:1px solid lawngreen;border-radius:4px;background-color:#020252;color:#7cfc00;font-size:12px;cursor:pointer}#locationFilter:after{content:"▼";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.location-filter-field{flex-direction:row}.location-filter-field label{font-size:14px}#locationFilter{width:auto;height:30px}}.cardContainer{margin-bottom:20px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;border:1px solid #ddd;border-radius:5px}.cardContainer img{max-width:100%}.cardContent{padding:10px}.cardTitle{font-size:18px;margin-bottom:5px}.cardStatus{font-size:14px;color:#fff;padding:5px;border-radius:3px}.cardLocation{margin-top:10px;font-size:14px}*,body{margin:0;padding:0;box-sizing:border-box}body{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px}.container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;background-color:transparent}.text-center{text-align:center;font-family:Get Schwifty;font-size:2.5rem;color:#7cfc00;margin-top:20px;margin-bottom:20px;padding:20px;border-radius:5px;position:relative}.grid-container{margin-top:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:20px;justify-content:center;padding:10px;box-sizing:content-box;width:90%;background-color:transparent}.cardContainer{background-color:#fff;border:2px solid darkgreen;border-radius:5px;box-shadow:2px 4px 6px #90ee90;flex:0 0 calc(100% - 20px);margin:10px;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#333}.cardImage{max-width:100%;height:auto;border-radius:5px;display:block}.cardTitle{font-size:1rem;font-weight:700;margin-top:10px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.cardLocation{margin-top:10px;font-size:.8rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.cardContainer{position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.cardContainer:hover{transform:scale(1.05);z-index:1;box-shadow:0 0 20px #7cfc00}.cardStatus{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:4px;font-weight:700;color:#fff;font-size:14px}.cardStatus.status-dead{background-color:#dc3545}.cardStatus.status-alive{background-color:#198754}.cardStatus.status-unknown{background-color:#6c757d}.filter-container{display:flex;align-items:center;background-color:transparent;padding:10px;border-radius:5px;margin-top:10px}.filter-field{display:flex;align-items:center;margin-right:20px}.filter-field:last-child{margin-right:0}h2{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.5rem;margin-top:20px;margin-bottom:10px;color:#7cfc00}p{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1rem;margin-top:10px;margin-bottom:10px;color:#7cfc00}label{margin-right:5px}select{padding:8px;border:none;border-radius:4px;background-color:#fff;font-size:16px;cursor:pointer;outline:none}select:after{content:"▼";margin-left:5px}.navbar{padding:10px}@media (min-width: 768px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.cardContainer{flex:0 0 calc(25% - 20px)}.cardTitle{font-size:1.2rem}.cardLocation{font-size:.9rem}}@media (max-width: 320px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.text-center{font-size:16px}.cardContainer{flex:0 0 calc(50% - 10px)}.cardTitle{font-size:1rem}.cardLocation{font-size:.8rem}}@media (max-width: 480px){.text-center{font-size:14px}}@media (max-width: 768px){.text-center{font-size:2rem}}.favorite-icon{position:absolute;bottom:10px;right:10px;cursor:pointer;font-size:24px;padding:1px;margin-bottom:15px}.favorite{color:red}@media (max-width: 768px){.search-bar{display:flex;flex-direction:row;align-items:center}.search-input{flex:1;margin-right:10px}.search-button{margin-left:10px}}@media (max-width: 320px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cardContainer{flex:0 0 calc(50% - 10px)}.cardTitle{font-size:1rem}.cardLocation{font-size:.8rem}}@media screen and (min-width: 472px){.filter-container{flex-direction:row;justify-content:space-between;align-items:flex-start;height:auto}.filter-field{flex:0 0 calc(50% - 10px);margin-right:10px}}.pagination{display:flex;justify-content:space-between;margin-block-start:4rem}.pagination{display:flex;align-items:center;justify-content:center;margin-top:20px}.pagination-button{background-color:#4acb09;color:#fff;border:none;border-radius:4px;padding:5px 10px;margin:0 2px;cursor:pointer;text-decoration:none;font-size:16px}.pagination-button[disabled]{background-color:#ccc;cursor:not-allowed}.pagination-button.active{background-color:#7ee87e}button{background-color:#4acb09;color:#fff;border:none;padding:5px 10px;margin:0 2px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#adff2f}button:disabled{background-color:#ccc;cursor:not-allowed}button.active{background-color:#adff2f}html body,#root{height:100vh}.filter-container{display:flex;flex-direction:row;background-color:transparent;border-radius:10px;align-items:center;padding:10px;width:100%;height:100%;box-sizing:border-box}.filter-field{margin-bottom:0}@media screen and (min-width: 472px){.filter-container{flex-direction:row;justify-content:space-around;align-items:flex-start;height:auto}.filter-field{flex:0 0 calc(30% - 10px);margin-right:10px}}@media screen and (min-width: 692px){.filter-field{flex:0 0 calc(33.33% - 10px);margin-right:10px}}.filter-field,.filter-field label,.filter-field select{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px}.filter-field label{color:#070707;font-size:12px;font-weight:700;margin-right:4px}.filter-field select{flex-grow:1;padding:8px;border:none;border-radius:4px;background-color:transparent;font-size:14px;font-weight:700;cursor:pointer;outline:none;max-width:100%}.filter-field select:after{content:"▼";margin-left:5px;font-size:12px;background-color:transparent}select{font-family:Arial,sans-serif;font-size:14px;color:#333;padding:8px}select:after{content:"▼";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none}h5{padding:10px}.filter-container select option{font-size:12px;background-color:transparent}@media (min-width: 360px) and (max-width: 740px){.search-bar{flex-direction:column;align-items:center}.search-input{margin-right:0;margin-bottom:10px}.search-button{margin-left:0}.reset-filter{display:block;margin-top:10px;color:#fff;border:none;border-radius:30px;padding:10px 15px;cursor:pointer;font-size:16px}}.favorite-characters-gallery{display:flex;justify-content:flex-start;align-items:center;gap:10px}.favorite-character-image{width:50px;height:50px;border-radius:50%;object-fit:cover}.favorite-characters-gallery{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px}.favorite-character-image{max-width:100px;max-height:100px;border-radius:50%}@media (max-width: 768px){.favorite-character-image{max-width:calc(50% - 10px);max-height:auto}}.search-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:0 auto;padding:10px;box-sizing:border-box}.search-form{display:flex;align-items:center}.search-form-label{margin-right:10px;font-size:14px}.search-button{background-color:#4acb09;color:#fff;border:none;border-radius:30px;padding:10px 15px;cursor:pointer;font-size:16px;margin-top:40px}.no-character-found{margin-top:10px;color:red;font-weight:700}button:hover{background-color:#7ef18d}.search-container input[type=text]{width:100%;padding:10px;box-sizing:border-box;font-size:16px;border-radius:30px}input[type=text]{padding:10px;border:1px solid #ccc;border-radius:30px;font-size:16px;width:100%;max-width:800px;margin-right:20px}.search-input::placeholder{font-size:14px}.search-button{margin-top:10px}@media (min-width: 768px){input[type=text]{font-size:18px}}@media (min-width: 1200px){input[type=text]{font-size:20px}}@media (max-width: 768px){.search-form{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.search-input{flex:1;margin-right:10px;margin-left:5px}.search-button{margin-right:10px;margin-top:0}}@media (min-width: 768px){.search-container{max-width:600px}.search-form-label{font-size:18px}}@media (min-width: 1200px){.search-container{max-width:800px}.search-form-label{font-size:20px}}@media (min-width: 768px){.search-container input[type=text]{font-size:18px}}@media (min-width: 1200px){.search-container input[type=text]{font-size:20px}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.loader-container h3{color:#7cfc00}.spinner{text-align:center}.lds-spinner{display:inline-block;position:relative;width:64px;height:64px}.lds-spinner div{animation:lds-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}@keyframes lds-spinner{0%{transform:scale(0)}to{transform:scale(1)}}.grid-detail-container{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;justify-content:center;padding:10px;box-sizing:border-box;width:100%}.cardDetailContainer{background-color:#fff;border:2px solid darkgreen;border-radius:5px;box-shadow:2px 4px 6px #90ee90;margin:10px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;justify-content:center}.container{text-align:center;width:100%;padding:1px}.cardDetailImage{max-width:100%;height:auto;border-radius:5px;display:block}.cardDetailTitle{font-size:1.2rem;font-weight:700;margin-top:10px}.cardDetail{margin-top:10px;font-size:.9rem;font-style:inherit}.cardDetailContainer{position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.cardDetailContainer:hover{transform:scale(1.05);z-index:1;box-shadow:0 0 20px #7cfc00}.cardDetailStatus{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:4px;font-weight:700;color:#fff;font-size:14px}.cardDetailStatus.status-dead{background-color:#dc3545}.cardDetailStatus.status-alive{background-color:#198754}.cardDetailStatus.status-unknown{background-color:#6c757d}.backButton{margin-top:18px;font-size:16px;height:15px;width:40px;text-decoration:none;background-color:#047469;color:#fff;padding:10px 20px;border-radius:5px;transition:background-color .3s ease-in-out;display:inline-block}.backButton:hover{background-color:#20b2aa}@media screen and (max-width: 768px){.grid-detail-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cardDetailContainer{margin:5px}.cardDetailTitle{font-size:1rem}.cardDetail{font-size:.8rem}}.particles-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(to bottom,#00042E,#000A51)}.particle{position:absolute;width:2px;height:2px;background-color:#7cfc00;border-radius:50%;animation:move 8s linear infinite}@keyframes move{0%{transform:translateY(0) translate(0);opacity:.8}to{transform:translateY(0) translate(90%);opacity:.8}}.star{position:absolute;width:2px;height:2px;background-color:#fff;animation:twinkle 2s infinite}@keyframes twinkle{0%,to{opacity:0}50%{opacity:1}}.star:before{content:"";position:absolute;width:3px;height:3px;background-color:#7cfc00;border-radius:50%;animation:sparkle 2s infinite;animation-delay:1s;transform:scale(0)}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.home{height:100vh;display:flex;justify-content:center;align-items:center}.center-content{text-align:center}.center-content h2{font-size:3rem;color:#07a02e}.home-image{animation:shake 2s infinite linear;opacity:1;position:relative;max-width:100%;max-height:100%;top:-40px;right:-10px}@keyframes shake{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.footer{background-color:#000a51;text-align:center;padding:20px;margin-top:50px;color:#7cfc00;font-size:10px;position:sticky}