@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{font-family:Open Sans,sans-serif;text-transform:capitalize;box-sizing:content-box}.water{color:#539ae2}.fire{color:#ea7a3c}.dark{color:#736c75}.dragon{color:#6a7baf}.flying{color:#7da6de}.ghost{color:#846ab6}.grass{color:#71c558}.ground{color:#cc9f4f}.ice{color:#70cbd4}.normal{color:#aab09f}.poison{color:#b468b7}.psychic{color:#e5709b}.rock{color:#b2a061}.steel{color:#89a1b0}.bug{color:#94bc4a}.electric{color:#e5c531}.fighting{color:#cb5f48}a{text-decoration:none;color:#0f0f0f}.navbar{position:block;display:flex;align-items:center;height:50px;width:100vw;background-color:#2f3430;padding:.2rem}.navbar__icon{display:flex;align-items:center;color:#fff}.pkm-element__number{background-color:#0f0f0fe6;width:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:5px;margin-left:.3rem}.navbar__title{color:#ffcb05;display:flex;align-items:center;text-shadow:2px 0px rgb(0,58,112),-2px 0px rgb(0,58,112),0 2px rgb(0,58,112),0 -2px rgb(0,58,112),1px 1px rgb(0,58,112),1px -1px rgb(0,58,112),-1px 1px rgb(0,58,112),-1px -1px rgb(0,58,112);font-size:1.8rem;margin-right:2rem}.navbar__input{height:40px;width:350px;background:radial-gradient(#e4ce92,#8c8260);font-size:1.2rem;padding-left:10px;outline:none;color:#0f0f0f;margin-right:1rem}.navbar__input:focus{outline:rgb(255,203,5)}.navbar__input::placeholder{color:#0f0f0f}.navbar__button{border-radius:200px;height:40px;width:30px;font-size:1.2rem;background:radial-gradient(#e4ce92,#8c8260);border:2px solid rgb(15,15,15);margin-right:2rem}.navbar__button:hover{cursor:pointer}.container{background:#04338d;display:flex;width:100vw;height:calc(100vh - 70px)}.pkm-list-container{float:right;overflow-y:scroll}.pkm-element{background:#ff810a;display:flex;align-items:center;width:600px;height:100px;margin:10px 0;border-radius:15px}.pkm-element__inside{background:#fff;width:500px;height:80px;margin:auto;display:flex;align-items:center;padding-left:5px;float:right;cursor:pointer}.pkm-element__name{color:#0f0f0f;font-size:3rem;font-weight:700}.pkm-element__check-btn{color:#0f0f0f;font-size:2.15rem;margin-left:30px;margin-right:15px;background:#0f0f0fe6;border-radius:100%}.pkm-element__check-capturedContainer{color:#0f0f0f;font-size:2.25rem;width:2.25rem;height:2.25rem;margin-left:30px;margin-right:15px;display:flex;align-items:center;justify-content:center;background:#0f0f0fe6;border-radius:100%}.pkm-element__check-capturedContainer:hover{transform:scale(1.15);transition:transform .2s}.pkm-element__check-image{width:1.8rem;height:1.8rem}.pkm-element__check-btn:hover{transform:scale(1.15);transition:transform .2s}.pkm-display{width:920px;height:100%;display:flex;align-items:center;position:block}.pkm-display__card{width:66%;border-radius:150px 50px;height:95%;background:linear-gradient(#3a6cb8 5%,#deefff,#3a6cb8 95%)}.pkm-display__info{box-sizing:border-box;width:30%;height:95%;margin-left:10px;color:#fff;padding:10px;background-color:#0f0f0f}.pkm-display__data{color:#ffcb05}.pkm-display__image{width:75%;height:75%;margin:12.5%}.pkm-display__audio{height:50px;width:95%}.pkm-display__typeList{list-style-type:disc}.pkm-display__typeListElement{margin-left:30px}