.layout{width:100%;height:100%;display:flex;flex-direction:column;padding:0 2rem 1rem}@media (width > 1660px){.layout{padding-left:13rem;padding-right:13rem}}.layout__cardsContainer{width:100%;display:grid;grid-template-rows:repeat(auto-fit,1fr);grid-template-columns:repeat(4,1fr);gap:40px}@media (width < 1360px){.layout__cardsContainer{grid-template-columns:repeat(3,1fr)}}@media (width < 935px){.layout__cardsContainer{grid-template-columns:repeat(2,1fr)}}@media (width <= 680px){.layout__cardsContainer{grid-template-columns:repeat(1,1fr)}}.card{border:3px solid var(--secondary-color);position:relative;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:1.5rem;border-radius:10px;gap:.5rem;white-space:nowrap}.card__image{top:-35px;width:200px;object-fit:cover;border-radius:50%;position:absolute}.card__info{display:flex;gap:.5rem;align-items:center}.card__name{font-size:1.5rem}.card__info>h6{font-size:1rem;font-weight:400}.card__planet{font-size:1.2rem;font-weight:500}.card__info__status{width:10px;height:10px;border-radius:50%}.card--alive{background-color:green}.card--dead{background-color:red}.card--unknown{background-color:gray}@media (width < 660px){.card__image{width:180px}}header{width:100%;display:flex;justify-content:center;margin:1rem 0}header>img{width:25%}.header__logo-mobile{display:none}@media (width < 490px){.header__logo-mobile{display:block;width:100%}.header__logo{display:none}}.search{width:100%;position:relative}.search__input{width:100%;height:35px;background-color:transparent;border:2px solid var(--primary-color);border-radius:10px;color:var(--white-color);padding:0 10px;font-size:16px}.material-symbols-outlined{color:var(--white-color)}.search__input::placeholder{color:var(--grey-color)}.search__input:focus-visible{outline:solid var(--secondary-color) 1px}.search__button{position:absolute;top:50%;transform:translateY(-50%);right:10px;border:none;background-color:transparent}@media (width < 490px){.search__input,.material-symbols-outlined{color:var(--black-color)}}.layout__title{font-size:2rem;display:flex;font-weight:700;margin:4rem 0;width:100%;position:relative}.layout__title h1{position:absolute;color:var(--primary-color);left:50%;padding:0 1rem;transform:translate(-50%,-50%);text-shadow:2px 3px 0 var(--secondary-color);background-color:var(--bg-color);white-space:nowrap}.layout__title hr{width:100%;border:none;border-bottom:3px solid var(--secondary-color);left:50%}@media (width < 935px){.layout__title h1{font-size:2rem;text-shadow:1px 1px 0 var(--secondary-color)}}@media (width < 490px){.layout__title h1{font-size:1.3rem;background-color:var(--white-color)}}:root{--bg-color: #171717;--primary-color: #40b5cb;--secondary-color: #c0df40;--tertiary-color: #ff6347;--quaternary-color: #ffd700;--quinary-color: #00ff7f;--black-color: #000000;--grey-color: #bbbbbb;--white-color: #ffffff}@font-face{font-family:Nunito light;src:local("NunitoLight"),url(/assets/Nunito-Light-5b689241.ttf) format("truetype")}@font-face{font-family:Nunito Regular;src:local("NunitoRegular"),url(/assets/Nunito-Regular-ea59b5f0.ttf) format("truetype")}@font-face{font-family:Nunito Medium;src:local("NunitoMedium"),url(/assets/Nunito-Medium-5cb845fb.ttf) format("truetype")}@font-face{font-family:Nunito SemiBold;src:local("NunitoSemiBold"),url(/assets/Nunito-SemiBold-e42b3f1e.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito Regular,sans-serif;background-color:var(--bg-color);color:var(--white-color)}@media (width <= 490px){body{background-color:var(--white-color);color:var(--black-color)}}