@import"https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap";.navbar-container{display:flex;position:fixed;font-size:15px;top:0}@media screen and (max-width: 700px){.navbar-container{flex-direction:column}}.image-container{background-color:#3b4cca;width:50vw;border-bottom-left-radius:20px;padding-bottom:10px}@media screen and (max-width: 700px){.image-container{width:100vw;border-radius:0;display:flex;justify-content:center}}.navbar-logo{margin:0 8em;padding-top:1em;cursor:pointer}@media screen and (max-width: 850px){.navbar-logo{margin:0 .5em}}.navbar-right-container{display:flex;flex-direction:column;background-color:#3b4cca;border-bottom-right-radius:20px}@media screen and (max-width: 700px){.navbar-right-container{align-items:center;border-bottom-left-radius:20px}}.navbar-right-search-container{width:50vw;margin-top:2em}@media screen and (max-width: 700px){.navbar-right-search-container{width:90vw;display:flex;justify-content:center;margin:1em}}.navbar-search-input{width:98%;height:4rem;border:0px;border-radius:20px;background-color:#dce9fc;font-weight:700;font-size:25px;font-family:Rubik Mono One,monospace;color:#b3a125}@media screen and (max-width: 1100px){.navbar-search-input{font-size:20px}}@media screen and (max-width: 900px){.navbar-search-input{font-size:15px}}.search-input-label{display:flex;position:relative;width:100%}.search-input-icon{position:absolute;right:1rem;top:5px;font-size:50px;color:#b3a125;cursor:pointer}@media screen and (max-width: 900px){.search-input-icon{font-size:25px;top:1rem}}.pokemon-card-container{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:180px;margin-left:25px}@media screen and (max-width: 700px){.pokemon-card-container{margin-top:250px}}.pokemon-card{display:flex;justify-content:center;align-items:center;animation-duration:.5s;animation-name:slidein;height:400px;width:20rem;color:#dce9fc;margin:auto}@keyframes slidein{0%{margin-top:100%}to{margin-top:0%}}.pokemon{width:90%;height:90%;border-radius:20px;text-align:center;display:flex;flex-direction:column;cursor:pointer;transition:.1s ease-out}.pokemon:hover{width:95%;height:95%}.pokemon-image{width:12rem}.pokemon-image-container{background-color:#0003;border-radius:50px;width:fit-content;height:fit-content;margin:15px auto}.loading-container{display:block;width:100svw;margin:10px}.loading-spinner{margin-left:auto;margin-right:auto;border:10px solid #f3f3f3;border-top:10px solid #b3a125;border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.type-bug{background-color:#a6b91a}.type-dark{background-color:#705746}.type-dragon{background-color:#6f35fc}.type-electric{background-color:#f7d02c}.type-fairy{background-color:#d685ad}.type-fighting{background-color:#c22e28}.type-fire{background-color:#ee8130}.type-flying{background-color:#a98ff3}.type-ghost{background-color:#735797}.type-grass{background-color:#7ac74c}.type-ground{background-color:#e2bf65}.type-ice{background-color:#96d9d6}.type-normal{background-color:#a8a77a}.type-poison{background-color:#a33ea1}.type-psychic{background-color:#f95587}.type-rock{background-color:#b6a136}.type-steel{background-color:#b7b7ce}.type-water{background-color:#6390f0}.pokemon-page-container{margin:180px 0;height:auto;display:flex;justify-content:center}.pokemon-page-card{width:85%;border-radius:10svh;color:#dce9fc;display:flex;justify-content:space-around;flex-wrap:wrap;padding:70px 0;font-size:20px;text-align:center}@media screen and (max-width: 400px){.pokemon-page-card{width:90%}}.pokemon-page-img{background-color:#0003;height:20svh;border-radius:15px;margin:30px 10px}.pokemon-page-text{margin:5px 15px}.range-view{background-color:#dce9fc;border-radius:100rem;height:5px;margin:0 10px}.pokemon-page-left-side{width:40%;background-color:#0003;border-radius:15px;padding:25px}@media screen and (max-width: 1580px){.pokemon-page-left-side{width:80%}}.pokemon-page-data-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;width:45svw}@media screen and (max-width: 1580px){.pokemon-page-data-container{width:90svw}}@media screen and (max-width: 890px){.pokemon-page-data-container{flex-direction:column}}.pokemon-page-title{font-size:25px}html,body{margin:0;background-color:#dce9fc;font-family:Rubik Mono One,monospace}