@import"https://fonts.googleapis.com/css2?family=Epilogue&family=Inter:wght@400;600&display=swap";.pokedex-image{width:100%;max-width:600px}.about-container{display:flex;align-items:center;gap:50px;margin-top:50px;width:100%;justify-content:space-between}.about-container h3{margin-bottom:1em}@media all and (max-width : 480px){.about-container{flex-direction:column}}.favorite-pokemon>h2{margin-bottom:1em}.favorite-container{display:flex;flex-wrap:wrap;gap:20px}@media all and (max-width : 940px){.favorite-container{justify-content:center}}.button-text{background-color:#000;color:#fff;font-size:15px;font-weight:600;text-align:center}.favorite-form{margin-top:20px;font-weight:700}.favorite-form label{cursor:pointer}.favorite-form input{margin-right:5px;cursor:pointer}.pokemon{border-radius:5px;border:20px solid #d9d9d9;box-shadow:0 4px 4px #00000040;display:flex;padding:0 10px 20px;min-width:430px;justify-content:space-between}.pokemon>div{display:flex;flex-direction:column;margin:0 20px}.pokemon-overview{padding-top:20px;justify-content:space-between}.pokemon-name{font-weight:700;font-size:1.2em;display:flex}.favorite-icon{margin-left:5px;width:20px;height:20px}.pokemon-weight{font-size:.9em}.pokemon-image{width:100%;max-width:96px}.pokemon a{text-decoration:none}@media all and (max-width: 490px){.pokemon{min-width:100%;flex-direction:column-reverse;align-items:center}.pokemon>div{text-align:center}.pokemon-name{justify-content:center}}.pokedex-buttons-panel{display:grid;grid-template-columns:repeat(2,1fr);margin-top:10px;width:100%;max-width:350px;gap:2px;background-color:#003b5a;padding:2px;border-radius:5px;box-shadow:0 4px 4px #00000040}.filter-button{border:none;background-color:#009efe;cursor:pointer;transition:.3s ease-in-out}.filter-button:hover{background-color:#00b4ff}.filter-button:first-child{border-radius:5px 0 0}.filter-button:nth-child(2){border-radius:0 5px 0 0}.filter-button:last-child{border-radius:0 0 5px}.filter-button:nth-last-child(2){border-radius:0 0 0 5px}@media all and (max-width: 855px){.pokedex-buttons-panel{max-width:100%}.filter-button{height:50px}}.summary-container{width:450px;margin-top:10px}.summary-container p{margin-top:10px}.locations-container{width:100%;margin-top:50px}.pokemon-habitat{display:flex;flex-wrap:wrap;gap:2%;justify-content:space-between}.card-map{width:32%;margin-top:10px}.card-map img{width:100%;border-radius:5px}@media all and (max-width: 960px){.summary-container{margin-top:50px}.summary-container p{text-align:justify}}@media all and (max-width: 550px){.pokemon-habitat{flex-direction:column}.card-map{width:100%;margin-bottom:20px}}.not-found-container{display:flex;align-items:center;gap:50px;margin-top:50px;width:100%;justify-content:space-between}.not-found-container p{font-size:1.5rem;margin-bottom:1em}.not-found-container img{width:100%;max-width:435px}@media all and (max-width : 680px){.not-found-container{flex-direction:column}}.pokedex{width:100%}.content-container{display:flex;margin-top:30px;justify-content:space-between}.pokedex-button{background-color:#009efe;height:50px;width:100%;border:none;border-radius:5px;box-shadow:0 4px 4px #00000040;margin-top:20px;cursor:pointer;transition:.3s ease-in-out}.pokedex-button:hover{background-color:#00b4ff}.pokedex-button:disabled{background-color:#ccc;color:#888;box-shadow:none;cursor:not-allowed;filter:blur(2px)}@media all and (max-width : 855px){.content-container{flex-direction:column}}.pokemon-details{margin:auto;width:100%}.pokemon-details>h2{margin-bottom:1em}.card{display:flex;flex-direction:column}.card>div{width:450px}.details-container{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}@media all and (max-width : 490px){.card,.card>div{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif}.App{max-width:980px}.header-container{display:flex;justify-content:center;align-items:center;width:100vw;background-color:#f13030;position:relative;padding:25px 0;border-bottom:10px solid #333;margin-bottom:50px}header{align-items:center;background-color:#f13030;display:flex;flex-direction:column;justify-content:space-between;padding:0 30px;width:100%;max-width:980px}.header-container:after,.header-container:before{background-color:#fff;border-radius:50%;content:" ";display:block;position:absolute;left:50%;transform:translate(-50%)}.header-container:after{width:50px;height:50px;position:absolute;bottom:-35px;border:5px solid #333}.header-container:before{width:30px;height:30px;border:1px solid #333;position:absolute;bottom:-21px;z-index:2}header h1{color:#fff}nav{margin:10px 0}nav a{color:#fff;padding:10px;text-decoration:none;transition:.3s}nav a:hover{font-weight:600}.main-container{width:100vw;display:flex;justify-content:center}main{padding:0 30px;width:100%;max-width:980px}@media all and (min-width: 480px){header{flex-direction:row}}