@import url(https://fonts.googleapis.com/css?family=Abel);@import url(https://fonts.googleapis.com/css2?family=Creepster&display=swap);body{margin:0}.App{font-family:sans-serif;text-align:center}:root{--zindex-general:1;--zindex-additional:2}body *,html{font-family:Abel,Arial,Verdana,sans-serif}ul{padding:0}.center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.short{height:250px}.long{height:300px}.card{width:450px;background-color:#fff;background:linear-gradient(#f8f8f8,#fff);box-shadow:0 8px 16px -8px rgba(0,0,0,.4);border-radius:6px;overflow:hidden;position:relative}.card h1{text-align:center}.card .additional{position:absolute;width:150px;height:100%;background:linear-gradient(#de685e,#ee786e);transition:width .4s;overflow:hidden;z-index:2;z-index:var(--zindex-additional);color:#fff}.card.green .additional{background:linear-gradient(#92bca6,#a2ccb6)}.card:hover .additional{width:100%;border-radius:0 5px 5px 0}.card .additional .user-card{width:150px;height:100%;position:relative;float:left;display:flex;align-items:center;justify-content:center}.user-card img{border-radius:50%}.card .additional .user-card:after{content:"";display:block;position:absolute;top:10%;right:-2px;height:80%;border-left:2px solid rgba(0,0,0,.025)}.card .additional .user-card .level,.card .additional .user-card .points{top:15%;color:#fff;text-transform:uppercase;font-size:.75em;font-weight:700;background:rgba(0,0,0,.15);padding:.125rem .75rem;border-radius:100px;white-space:nowrap}.card .additional .user-card .points{top:85%}.card .additional .user-card svg{top:50%}.card .additional .more-info{width:300px;height:100%;position:absolute;top:0;right:0;z-index:1;z-index:var(--zindex-general);box-sizing:border-box;padding:0 1rem 1rem;left:150px;float:left}.card .additional .more-info h1{color:#fff;margin-bottom:0}.card .additional .more-info ul.character-specs,.card .general ul.character-specs{margin-top:22px}.episodes-li{margin-top:15px}.card.green .additional .more-info h1{color:#224c36}.card .additional .coords{margin:0 1rem;color:#fff;font-size:1rem}.card.green .additional .coords{color:#325c46}.card .additional .coords span+span{float:right}.card .additional .stats{font-size:2rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem;top:auto;color:#fff}.card.green .additional .stats{color:#325c46}.card .additional .stats>div{flex:1 1;text-align:center}.card .additional .stats i{display:block}.card .additional .stats div.title{font-size:.75rem;font-weight:700;text-transform:uppercase}.card .additional .stats div.value{font-size:1.5rem;font-weight:700;line-height:1.5rem}.card .additional .stats div.value.infinity{font-size:2.5rem}.card .general{width:300px;height:100%;position:absolute;top:0;right:0;z-index:1;z-index:var(--zindex-general);box-sizing:border-box;padding:0 1rem 1rem}.card .general .more{position:absolute;bottom:1rem;right:1rem;font-size:.9em}.card .general ul,.more-info ul{list-style-type:none}.Header{height:100px;background-color:grey;overflow:hidden;display:flex;align-items:center;justify-content:center;background:url(https://images6.alphacoders.com/909/thumb-1920-909641.png);background-size:100%;background-repeat:no-repeat;background-position:50%;background-position-y:-260px}.Header h1{font-family:"Creepster";font-size:60px;letter-spacing:10px;color:#fff}:root{--button-back-border-radius:3px}.btn-back{width:120px;height:40px;font-size:18px;outline:none;border:none;border-radius:3px;border-radius:var(--button-back-border-radius);background-color:#fff;cursor:pointer;background-color:initial;position:relative}.btn-back span{display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;width:100%;transition:all .5s;font-size:16px}.btn-back:before,.btn-back span{position:absolute;top:0;left:0;height:100%}.btn-back:before{content:"";display:block;background-color:#de685e;background-color:var(--pink);width:0;transition:all .3s;border-radius:3px;border-radius:var(--button-back-border-radius)}.btn-back:hover:before{width:100%}.btn-back:hover span{color:#fff}:root{--green:#92bca6;--pink:#de685e}.character-detail{display:flex;flex-direction:column;align-items:center;grid-gap:40px;gap:40px;padding-top:50px}.character-detail .btn-back{height:40px;font-size:18px;display:flex;align-items:center;grid-gap:10px;gap:10px;outline:none;border:1px solid;border-radius:3px;background-color:#fff;cursor:pointer}.green{background-color:#92bca6;background-color:var(--green)}.pink{background-color:#de685e;background-color:var(--pink)}.CharacterList{flex-wrap:wrap;grid-gap:40px;gap:40px;position:relative}.CharacterLink,.CharacterList{display:flex;justify-content:center}.CharacterLink{margin:1.5rem}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px}.not-found span{font-size:48px}.CharacterList .img-rick{position:fixed;left:20px;bottom:50px;transition:opacity .2s}.CharacterList .img-morty{position:fixed;right:20px;bottom:50px;transition:opacity .2s}@media screen and (max-width:750px){.CharacterList .img-morty,.CharacterList .img-rick{opacity:0}}:root{--zindex-dropdown:3}.Dropdown *{margin:0;padding:0;font-family:sans-serif;box-sizing:border-box}.Dropdown{position:relative;min-width:125px;-webkit-user-select:none;user-select:none}.Dropdown .dropdown-btn{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:40px;cursor:pointer;box-shadow:3px 3px 10px 6px rgba(0,0,0,.06);font-weight:700;font-family:inherit;text-transform:uppercase}.Dropdown .dropdown-btn:focus~.dropdown-content{visibility:visible;opacity:1}.Dropdown .dropdown-content{position:absolute;top:110%;background-color:#fff;box-shadow:3px 3px 10px 6px rgba(0,0,0,.06);font-family:inherit;font-weight:500;color:#333;width:100%;visibility:hidden;opacity:0;transition:all .2s;z-index:3;z-index:var(--zindex-dropdown)}.dropdown-content .dropdown-item{padding:10px;cursor:pointer;font-family:inherit;font-size:20px}.dropdown-content .dropdown-item:hover{background-color:#f4f4f4}:root{--input-font-size:18px}.Filter{padding:1em}.form-filter{display:flex;justify-content:center;grid-gap:30px;gap:30px;flex-wrap:wrap}.form-filter input{padding:0 10px;font-size:18px;font-size:var(--input-font-size);font-weight:500}.form-filter input::-webkit-input-placeholder{font-size:18px;font-size:var(--input-font-size)}.form-filter input::placeholder{font-size:18px;font-size:var(--input-font-size)}.dropdowns{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:30px;gap:30px}.no-result,.search-container input{height:100%}.no-result{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:120px}.no-result .no-result-text{font-size:64px;margin-bottom:40px}
/*# sourceMappingURL=main.b220edfd.chunk.css.map */