@font-face{font-family:Comfortaa;src:url(/assets/Comfortaa-VariableFont_wght-BR6_P2NK.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:Geneva,Verdana,sans-serif}html,body{width:100%;background-color:#2c2c2c}#root{padding:10px}h1,h2,h3{color:#fff;margin:.5em 0}header{margin-top:.25em;display:flex;align-items:center;gap:1em}header h2{margin:0 0 .5em}.options{margin-bottom:7px;display:flex;gap:1.5rem}button{padding:.5em 1.25em;border:1.75px solid rgb(53,118,179);border-radius:5px;background-color:#fff;color:#102a42;font-size:1rem;font-weight:bolder;font-family:Comfortaa}button:hover{cursor:pointer;border:1.75px solid rgb(2,61,117);background-color:#d5ebff}.activeChoice{border:1.75px solid rgb(2,61,117);background-color:#c1defa}.pokemonGrid{padding:15px;display:grid;grid-template-columns:repeat(4,1fr);row-gap:10px;column-gap:10px;max-width:100%;border-radius:5px;background:radial-gradient(#3576b3,#014686);box-shadow:inset 0 0 2px 1px #2f6ea9}.pokemonGrid>div{display:flex;flex-direction:column;align-items:center;border:2.5px solid rgb(60,129,193);border-radius:5px;background-color:#fff}.pokemonGrid>div:hover{animation:card-hover .25s ease 0s forwards;cursor:pointer;box-shadow:0 0 3px #000000c9}.loading{padding:1rem 1.5rem;border:1.75px solid rgb(1,70,134)}.imageContainer{padding:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;height:400px}.pokemonGrid p{font-family:Comfortaa;font-weight:700;color:#102a42;margin-top:.5rem;font-size:1.2rem}.pokemonGrid img{width:100%;height:100%;object-fit:contain}@keyframes card-hover{0%{box-shadow:0 0 #0000008c;transform:scale(1)}to{box-shadow:0 0 10px #0000008c;transform:scale(1.01)}}