.container{height:100%;margin:auto;max-width:1100px}@media screen and (max-width:1140px){.container{width:85%}}.hamburger-button{align-items:center;cursor:pointer;display:flex;display:none;height:1.8rem;justify-content:center;width:1.8rem;z-index:999}.hamburger-button>div{align-self:center;background:var(--primary-color);height:2px;position:relative;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:100%}.hamburger-button>div:after,.hamburger-button>div:before{background:inherit;content:"";height:inherit;position:absolute;top:-9px;transition:top .4s ease .4s,-webkit-transform .4s ease;transition:top .4s ease .4s,transform .4s ease;transition:top .4s ease .4s,transform .4s ease,-webkit-transform .4s ease;width:inherit}.hamburger-button>div:after{top:9px}.hamburger-button[data-active=true]>div{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:-webkit-transform .4s ease .4s;transition:transform .4s ease .4s;transition:transform .4s ease .4s,-webkit-transform .4s ease .4s}.hamburger-button[data-active=true]>div:after,.hamburger-button[data-active=true]>div:before{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:top .2s ease,-webkit-transform .4s ease .4s;transition:top .2s ease,transform .4s ease .4s;transition:top .2s ease,transform .4s ease .4s,-webkit-transform .4s ease .4s}@media screen and (max-width:1024px){.hamburger-button{display:flex}}.hamburger-menu-overlay{height:100vh;left:0;position:fixed;top:0;width:100vh;z-index:998}#header{background-color:#24282f;height:5rem;padding:.5rem;position:relative;width:100%}#header>.container{align-items:center;display:flex;justify-content:space-between}#header>.container>.title{color:#fafafa;color:var(--primary-color);font-size:1.6rem;font-weight:400;-webkit-user-select:none;-ms-user-select:none;user-select:none}#header .main-nav ul{display:flex;list-style:none}#header .main-nav ul li{margin-right:2.2rem}#header .main-nav ul li:last-child{margin-right:0}#header .main-nav ul li a{color:#fafafa;font-size:1.1rem;text-decoration:none;text-transform:uppercase}#header .main-nav ul li a.active-nav-link{color:var(--primary-color)}@media screen and (max-width:1024px){#header .main-nav ul{background:#1b1b1b;border-left:3px solid #333;display:block;height:5000vh;position:absolute;right:-100%;top:var(--header-height);transition:right .4s ease;width:250px;z-index:999}#header .main-nav ul.active{right:0}#header .main-nav ul li{border-bottom:1px solid #333;font-size:2.2rem;margin-right:0;padding:.5rem 0 .5rem 1.2rem;text-align:left}}@media screen and (max-width:480px){#header .main-nav ul{width:200px}#header .main-nav ul li{font-size:2rem}#header>.container>.title{font-size:1.5rem}}@media screen and (max-width:360px){#header>.container>.title{font-size:1.3rem}}@media screen and (max-width:300px){#header>.container>.title{font-size:1rem}}.hero{padding:1rem 0}.hero .container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.hero .hero-image{height:auto;width:420px}.hero .hero-heading{color:#fafafa;font-size:3rem;margin:1rem 0}.hero .hero-text{color:#fafafa;font-size:2rem;font-weight:200}@media screen and (max-width:768px){.hero .hero-image{width:85%}.hero .hero-heading{font-size:2rem}.hero .hero-text{font-size:1.5rem}}@media screen and (max-height:768px) and (orientation:landscape){.hero .hero-heading{font-size:2.6rem}.hero .hero-text{font-size:1.6rem}}@media screen and (max-width:480px){.hero .hero-heading{font-size:1.5rem}.hero .hero-text{font-size:1.2rem}}.home{align-items:center;display:flex;min-height:calc(100vh - var(--header-height));overflow-x:hidden}.card-container,.home{justify-content:center}.card-container{grid-gap:1.5rem;color:#fafafa;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,320px)}@media screen and (max-width:300px){.card-container{grid-template-columns:1fr}}.search-box{margin:2rem 0}.search-box .search-field{background:#333;border-radius:8px;font-size:1.4rem;height:45px;padding:0 .75rem;width:100%}.radio-button,.search-box .search-field{border:2px solid var(--primary-color);color:#fafafa;outline:none}.radio-button{background:none;border-radius:10px;cursor:pointer;margin:0 1rem 1rem 0;padding:.75rem;transition:background .2s ease}.radio-button.active,.radio-button:hover{background:var(--primary-color)}.type-filter{margin-bottom:1.25rem}.type-filter:last-child{margin:0}.type-filter .filter-title{color:#fafafa;font-size:1.5rem;font-weight:400;margin-bottom:.5rem}.type-filter .radio-group{display:flex;flex-wrap:wrap}.filters{display:flex;flex-direction:column;margin-bottom:2rem}.filters .filters-button-group{display:flex;gap:1rem;justify-content:center}.filters .filters-button-group .filters-button{background:none;border:none;color:var(--primary-color);font-size:1rem;outline:none}.filters .filters-button:hover{cursor:pointer;text-decoration:underline}.paginator{align-items:center;display:flex;font-size:1.3rem;height:35px;justify-content:center;list-style:none;margin:3rem 0}.paginator .paginator-page{display:block;margin:0 1rem;width:35px}.paginator .paginator-next-button,.paginator .paginator-page,.paginator .paginator-prev-button{align-items:center;background:var(--primary-color);cursor:pointer;display:flex;height:100%;justify-content:center}.paginator .paginator-next-button,.paginator .paginator-prev-button{padding:.25rem 1rem}.paginator .paginator-link{cursor:pointer;display:block;opacity:1;padding:.2rem .5rem}.paginator .paginator-active-page{background-color:#6ba316}.paginator .break-label a{color:var(--primary-color);cursor:pointer}@media screen and (max-width:768px){.paginator .paginator-next-button,.paginator .paginator-prev-button{display:none}}.card-list{display:flex;flex-direction:column}.card-list .search-box{align-self:center}.card-list .card-list-heading{color:#fafafa;font-size:2.3rem;font-weight:300;margin-bottom:3rem;margin-top:3rem;position:relative;text-align:center}.card-list .card-list-heading:after{background:var(--primary-color);bottom:-.5rem;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200px}.character-card{background:#fafafa;height:390px;max-width:320px;padding:1rem;transition:all .4s ease}.character-card:hover .image-holder .character-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.character-card .image-holder{overflow:hidden;position:relative}.character-card .image-holder .character-image{object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:100%}.character-card .image-holder .character-status{bottom:0;color:#fafafa;font-size:1.2rem;font-weight:500;padding:.1rem;position:absolute;text-align:center;width:100%}.character-card .image-holder .character-status:first-letter{text-transform:capitalize}.character-card .image-holder .character-status[data-status=alive]{background:green}.character-card .image-holder .character-status[data-status=dead]{background:red}.character-card .image-holder .character-status[data-status=unknown]{background:#789}.character-card .character-info{align-self:flex-start;display:flex;flex-direction:column;justify-content:start;margin-top:.5rem;text-align:left}.character-card .character-info .character-name{margin-bottom:.2rem}@media screen and (max-width:300px){.character-card{height:325px}}.character-info-container{color:#fafafa;display:flex;flex-direction:column;padding:3rem 1rem;text-align:left;width:400px}.character-info-container .character-image{border:.5rem solid var(--primary-color);height:auto;width:100%}.character-info-container .character-name{font-size:2.05rem;margin-top:.75rem}.character-info-container .other-info{font-size:1.35rem;margin-top:.1rem}@media screen and (max-width:300px){.character-info-container .character-name{font-size:1.7rem;margin-top:.5rem}.character-info-container .other-info{font-size:1.1rem;margin-top:.1rem}}.character-details .container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--header-height))}@media screen and (max-height:600px){.character-details .container{height:auto;padding:1.5rem 0}}a{color:#333;text-decoration:none}.location-card{align-items:center;background:#fafafa;border-left:1rem solid var(--primary-color);color:#333;display:flex;height:130px;justify-content:left;padding:.5rem;text-align:left;transition:border .4s ease}.location-card:hover{border-left:0 solid var(--primary-color)}.location-card .location-info{padding-left:.35rem}.location-card .location-info .location-name{font-size:1.25rem;margin-bottom:.2rem}.location-card .location-info .location-dimension,.location-card .location-info .location-type{font-size:1.15rem}.location-card .location-info .location-dimension:first-letter{text-transform:uppercase}.location-info-container{color:#fafafa;display:flex;flex-direction:column;padding:2rem 1rem 1rem;width:100%}.location-info-container .info-holder{margin:auto}.location-info-container .location-name{font-size:2.05rem;margin-top:.75rem;text-align:left}.location-info-container .other-info{font-size:1.35rem;margin-top:.2rem;text-align:left}.location-info-container h3.other-info{font-size:1.8rem;margin-bottom:1.75rem}.location-info-container .card-container{margin-bottom:1.75rem}.location-details{min-height:calc(100vh - var(--header-height))}a.card-link{color:blue;text-decoration:none}.episode-card{align-items:center;background:#fafafa;border-left:1rem solid var(--primary-color);color:#333;display:flex;height:130px;justify-content:left;padding:.5rem;text-align:left;transition:border .4s ease}.episode-card:hover{border-left:0 solid var(--primary-color)}.episode-card .episode-info{padding-left:.35rem}.episode-card .episode-info .episode-name{font-size:1.25rem;margin-bottom:.2rem}.episode-card .episode-info .episode-dimension,.episode-card .episode-info .episode-type{font-size:1.15rem}.episode-card .episode-info .episode-dimension:first-letter{text-transform:uppercase}.episode-info-container{color:#fafafa;display:flex;flex-direction:column;margin-top:2rem;padding:1rem;width:100%}.episode-info-container .info-holder{margin:auto}.episode-info-container .episode-name{font-size:2.05rem;margin-top:.75rem;text-align:left}.episode-info-container .other-info{font-size:1.35rem;margin-top:.2rem;text-align:left}.episode-info-container h3.other-info{font-size:1.8rem;margin-bottom:1.75rem}.episode-info-container .card-container{margin-bottom:1.75rem}.text-group{color:#fafafa;font-size:1.35rem}.text-group .text-group-heading{color:var(--primary-color);font-size:1.5rem;margin-bottom:.45rem}.text-group p{line-height:1.35}.text-group a{border-bottom:2px solid var(--primary-color);color:#fafafa;display:inline-block;margin-bottom:.2rem;padding-bottom:.05rem}.about{min-height:calc(100vh - var(--header-height));padding-top:4rem}.about div{margin-bottom:3rem}.not-found{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 5rem);justify-content:center}.not-found h2{color:var(--primary-color);font-size:4rem}.not-found h3{color:var(--primary-color);font-size:2rem}@media screen and (max-width:768px){.not-found h2{font-size:2rem}.not-found h3{font-size:1rem}}@media screen and (max-width:300px){.not-found h3{font-size:.8rem}}.App{overflow:hidden}:root{--primary-color:#95df28;--header-height:5rem}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-primary{color:#95df28;color:var(--primary-color)}
/*# sourceMappingURL=main.c05d8566.css.map*/