@import"https://fonts.cdnfonts.com/css/jetbrains-mono-2";@import"https://fonts.cdnfonts.com/css/space-ranger";*{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:baseline}img,picture,video,iframe,figure{max-width:100%;width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}a{display:block;text-decoration:none;color:inherit;font-size:inherit}p a{display:inline}li{list-style-type:none}html{scroll-behavior:smooth;font-size:18px}h1,h2,h3,h4,h5,h6,p,span,a,strong,blockquote,i,b,u,em{font-size:1em;font-weight:inherit;font-style:inherit;text-decoration:none;color:inherit}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}form,input,textarea,select,button,label{font-family:inherit;font-size:inherit;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;background-color:transparent;color:inherit;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus{outline:none}table,tr,td{border-collapse:collapse;border-spacing:0}svg{display:block;fill:currentColor}body{min-height:100vh;font-size:100%;font-family:Arial,Helvetica,sans-serif;color:#000;background-color:#e4e4e4;line-height:1.4em;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{text-wrap:balance;line-height:1.6}p{text-wrap:pretty;line-height:1.4}html ::-webkit-scrollbar{width:.2rem;height:.3rem}html ::-webkit-scrollbar-thumb{background:#56c432;border-radius:100vw}html ::-webkit-scrollbar-track{margin-block:.1rem;margin-inline:.1rem;background:#1b1919}html ::-webkit-scrollbar-corner{display:none}html ::-moz-selection{background-color:#1b1919;color:#56c432}html ::selection{background-color:#1b1919;color:#56c432}body{font-family:JetBrains Mono,sans-serif;color:#242424;background-color:#efefef}@media (prefers-color-scheme: dark){body{color:#efefef;background-color:#242424}}.header{position:relative;background-image:url(https://BryanGrandon.github.io/Rick-and-Morty/assets/headerDesktop-C-_rx3Kq.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;padding:1rem 2rem}.header:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000000ce}.header-main{display:flex;flex-flow:column nowrap;justify-content:normal;align-items:normal;position:relative}.header__nav{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%}.header__nav-api{color:#fff}.header__nav-api:hover{filter:drop-shadow(1px 1px 3px #56c432)}.header__nav-github{display:flex;flex-flow:row nowrap;justify-content:normal;align-items:center;gap:.5rem;padding:.2rem 1rem;box-shadow:1px 1px 3px #56c432;border-radius:.5rem;outline:1px solid #56c432;color:#56c432;transition:color .2s ease,background .2s ease}.header__nav-github:hover{background-color:#56c432;color:#000}.header__nav-github:active{outline:transparent;box-shadow:1px 1px 3px #1b1919 inset}.header__info{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:1rem;padding:2rem}.header__title{font-family:Space Ranger Outline,sans-serif;text-align:center;font-size:3rem;color:#56c432;text-shadow:1px 2px 3px #06a99d,1px 1px 3px #56c432}.header__text{color:#fff;text-align:center}@media screen and (max-width: 500px){.header{background-image:url(https://BryanGrandon.github.io/Rick-and-Morty/assets/headerMobile-C2cgPiNg.jpg)}}.main-article{background-image:url(https://images.pexels.com/photos/1694000/pexels-photo-1694000.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:center;position:relative;padding:2rem}.main-article:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#0000008e}.main-article__characters{position:relative;display:grid;gap:1.5rem}.main-article__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.5rem}.filter{position:relative;padding:1rem 0}.filter-main{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));row-gap:1rem;column-gap:2rem}.footer{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;background-color:#000;border-top:1px solid #56c432;gap:1rem;min-height:10rem}.footer__text{max-width:1400px;text-align:center;color:#a3a3a3}.footer__social{display:flex;flex-flow:row nowrap;justify-content:normal;align-items:center;gap:1.5rem}.footer__social-icon{font-size:1.2rem;color:#06a99d}.card{cursor:pointer;border-radius:1rem;overflow:hidden;box-shadow:2px 2px 5px #1b1919;position:relative}.card__title{position:absolute;inset:auto 0 0 0;font-family:Space Ranger,sans-serif;color:#fff;text-align:center;padding:.1rem .5rem;font-size:1.1rem;background-color:#0000008e;letter-spacing:1px}.card:hover{outline:2px solid #56c432}.card:hover .card__title{display:flex;flex-flow:row nowrap;justify-content:center;align-items:end;color:#56c432}.modal{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background-color:#000000d2;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.modal__card{background-image:url(https://images.pexels.com/photos/1694000/pexels-photo-1694000.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-size:cover;background-position:center;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:1.5rem;border-radius:1rem;padding:1.5rem 2rem;border:1px solid #56c432;position:relative;color:#fff}.modal__card-header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%}.modal__card-img{border-radius:50%;max-width:14rem;filter:drop-shadow(2px 2px 5px #06a99d)}.modal__card-name{font-size:1.2rem;font-family:Space Ranger,sans-serif;letter-spacing:1px}.modal__card-info{display:flex;flex-flow:column wrap;justify-content:normal;align-items:normal;color:#06a99d;gap:.5rem;width:100%}.modal__card-btn{cursor:pointer;border:2px solid red;padding:.5rem;font-size:1.6rem;border-radius:50%;background:#000}.modal__card-btn:hover{background-color:red}.card-header__status{display:flex;flex-flow:row nowrap;justify-content:normal;align-items:center;gap:.5rem}.card-header__status-Alive{color:#56c432}.card-header__status-Dead{color:red}.card-info__gender{display:flex;flex-flow:row wrap;justify-content:normal;align-items:normal;gap:.4rem}.card-info__gender:before{content:"Gender: ";color:#a5a5a5}.card-info__location:before{content:"Location: ";color:#a5a5a5}.card-info__origin:before{content:"Origin: ";color:#a5a5a5}.prev-next{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;gap:1.5rem}.prev-next__btn{display:flex;flex-flow:row nowrap;justify-content:normal;align-items:center;gap:.2rem;background-color:#000;color:#56c432;font-weight:700;transition:color .2s ease;cursor:pointer}.prev-next__btn:hover{color:#06a99d}.prev-next__arrows{font-size:1.6rem}.search{display:flex;flex-flow:row nowrap;justify-content:normal;align-items:center;background-color:#000;border-radius:.3rem;overflow:hidden;padding:0 .5rem;border:1px solid rgba(255,255,255,.5647058824)}.search__input{padding:.3rem .5rem;color:#fff;width:100%}.search__buttons{display:flex;flex-flow:row nowrap;justify-content:normal;align-items:center;gap:.5rem}.search__buttons-btn{font-size:1.1rem;padding:.3rem}.button-close{color:#949494;border-radius:1rem}.button-close:hover{cursor:pointer;color:red}.button-search{cursor:pointer}.button-search:hover{color:#56c432}.icon-transparent{color:transparent;cursor:auto}.dropdown{display:flex;flex-flow:column nowrap;justify-content:normal;align-items:normal;border:1px solid rgba(255,255,255,.5647058824);border-radius:.3rem}.dropdown__header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:2rem;padding:.3rem 1rem}.dropdown__icon{font-size:1.2rem}.dropdown__selected{color:#06a99d;text-transform:capitalize}.dropdown__main{position:relative;z-index:1}.dropdown__items{display:flex;flex-flow:column nowrap;justify-content:normal;align-items:normal;position:absolute;top:0;width:100%;border:1px solid rgba(255,255,255,.5647058824);border-radius:.3rem;background-color:#000c;padding:.3rem 1rem}.dropdown__items__item{cursor:pointer;padding:.2rem 0;text-transform:capitalize}.dropdown__items__item:hover{color:#06a99d}.no-results-found{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;font-size:1.5rem;font-family:Space Ranger,sans-serif;text-align:center;letter-spacing:2px;min-height:10rem}