@font-face{font-family:Roboto-ExtraBold;src:url(/Roboto/static/Roboto-ExtraBold.ttf)}@font-face{font-family:Roboto;src:url(/Roboto/static/Roboto-Regular.ttf)}:root{--font-roboto: "Roboto";--font-extra-bold: "Roboto-ExtraBold"}body{background-color:#ccdadd;font-family:var(--font-roboto)}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}html{font-size:10px}.pokemon-card{display:flex;flex-direction:column;border:0px solid #ccc;border-radius:20px 20px 0 0;background:linear-gradient(52deg,#ffe1c6 4.87%,#ffcb05 94.37%);height:13vh;position:relative;margin-bottom:5rem;margin-top:10vw}.pokemon-image{position:relative;top:-2rem;z-index:3;display:flex;justify-content:center;align-items:center;height:100%}.pokemon-image img{width:40vw;image-rendering:pixelated}.pokemon-info{display:flex;justify-content:space-between;align-items:center;color:#000;background-color:#fff;padding:.9rem;font-size:1.2rem;height:6vh;border-radius:0 0 20px 20px}.pokemon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(30vw,1fr));color:#fff;gap:2rem;padding:2rem}.logo{display:flex;justify-content:center;align-items:center;padding-top:3rem;padding-bottom:1rem}.logo img{width:65vw}.search-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.search-bar input{padding:.5rem;border:1px solid #ccc;border-radius:20px;width:75%;height:40px;font-family:var(--font-roboto);font-weight:400;font-size:2rem;line-height:1.5;color:#333;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:border-color .2s ease-in-out;outline:none}.search-bar input:focus{border-color:#0077d9}.menu{background-color:#ccdadd;padding:3rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.menu .menu-field{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.menu .menu-logo{height:5rem;align-self:flex-start}.menu h2{color:#ffcb05;text-transform:uppercase;text-align:center;font-family:var(--font-extra-bold);font-size:4rem;text-shadow:-4px -4px 0 #2c72b8,4px -4px 0 #2c72b8,-4px 4px 0 #2c72b8,4px 4px 0 #2c72b8,0px -5px 0 #2c72b8,0px 5px 0 #2c72b8,-5px 0px 0 #2c72b8,5px 0px 0 #2c72b8;margin-bottom:2rem}.menu .type-btn-list{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.menu button{padding:1rem 2rem;border-radius:2rem;color:#fff;font-family:var(--font-roboto);text-transform:uppercase;background-color:#2c72b8;border:3px solid #ffcb05}.menu button.selected{background-color:#ffcb05;border:3px solid #2c72b8;color:#000}.detail-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.pokemon-name{display:flex;justify-content:center;align-items:center;margin-top:4rem;gap:1rem;color:#ffcb05;text-align:center;font-family:var(--font-extra-bold);font-size:4rem;text-shadow:-4px -4px 0 #2c72b8,4px -4px 0 #2c72b8,-4px 4px 0 #2c72b8,4px 4px 0 #2c72b8,0px -5px 0 #2c72b8,0px 5px 0 #2c72b8,-5px 0px 0 #2c72b8,5px 0px 0 #2c72b8}.pokemon-card-detail{display:flex;flex-direction:column;border:0px solid #ccc;border-radius:20px;background:linear-gradient(52deg,#ffe1c6 4.87%,#ffcb05 94.37%);height:16vh;position:relative;margin:10vw 15vw 0vw}.pokemon-card-detail img{height:30vh;object-fit:contain;image-rendering:pixelated}.pokemon-type-list{display:flex;justify-content:center;align-items:center;margin-top:4rem;gap:1rem;color:#2c72b8;text-align:center;font-family:var(--font-extra-bold);font-size:5rem}.pokemon-sound{display:flex;justify-content:center;align-items:center;margin-top:3rem;gap:1rem;color:#000;text-align:center;font-family:var(--font-extra-bold);font-size:2rem}