@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&family=Nunito:wght@400;600;700&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;--pokemon-yellow: #FFCB05;--pokemon-red: #E60012;--pokemon-blue: #1D72B8;--pokemon-black: #3C3C3B;--normal-color: #a5a478;--fire-color: #fb7c1b;--water-color: #5086f9;--electric-color: #fed639;--grass-color: #71d338;--ice-color: #99e6e2;--fighting-color: #ae2626;--poison-color: #b61bb3;--ground-color: #daa556;--flying-color: #ab92f0;--psychic-color: #ef3c71;--bug-color: #c2d81a;--rock-color: #8e500e;--ghost-color: #553085;--dragon-color: #6F35FC;--dark-color: #263c2f;--steel-color: #939397;--fairy-color: #d96aa2}h1,h2,h3,h4,h5,h6{text-transform:capitalize;margin:0;padding-bottom:.5rem;color:var(--pokemon-yellow)}h1,h2,h4{font-family:Quicksand,sans-serif}h3,h5,h6{font-family:Nunito,sans-serif}h2{font-size:1.75rem}p{margin:0;padding-bottom:.5rem}p:first-letter{text-transform:uppercase}ul{margin:0}li:first-letter{text-transform:uppercase}.pokedex{padding:20px;text-align:center}.title{font-size:3rem;font-weight:700;margin-bottom:20px}.pokemon-grid{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1rem}.pokemon-card{flex:1 1 calc(100% - 1rem);max-width:calc(100% - 1rem);min-width:200px;border-radius:100%;padding:0rem;box-shadow:5px 5px 13px #00000080;text-align:center;background:var(--pokemon-black);cursor:pointer;transition:transform .2s ease-in-out;position:relative}.pokemon-card-header{box-shadow:5px 5px 13px #00000080;position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:106%;background-color:#f0f8ff7d;text-align:center;border-radius:20px}.pokemon-card-header h2{color:var(--pokemon-black);padding:.5rem 0}.pokemon-card:hover{transform:scale(1.05)}.pokemon-card-image{width:100%;height:auto;display:block}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-border{position:relative;padding:20px 4px;border-radius:20px;background-color:#ffe261;display:flex;justify-content:center;align-items:center;width:90%;max-width:435px;overflow:hidden}.modal-content{position:relative;box-shadow:0 5px 5px #00000026;text-align:start;border-radius:5px;width:92%;max-width:420px;z-index:1;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#ffffff18 20%,#fff0 60%);background-size:5px 5px;background-position:center;z-index:0;pointer-events:none}.modal-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/foggy-contrast.jpg);background-position:center;z-index:0;pointer-events:none;opacity:40%}.modal-content>*{position:relative;z-index:1}.modal-header-row{display:flex;padding:.5rem 15px;justify-content:space-between;align-items:flex-end}.modal-header-row h2{font-size:1.5rem;text-align:center;color:var(--pokemon-black);text-transform:uppercase;font-weight:700;text-shadow:2px 2px darkgray;padding-bottom:0;line-height:1.6rem}.modal-header-row h3{color:var(--pokemon-black);font-size:1.8rem;padding-bottom:0;font-weight:700;text-shadow:2px 2px darkgray;line-height:1.6rem;flex-shrink:0}.modal-header-row span.hp-display{font-size:.7rem;text-shadow:none;line-height:.7rem}.modal-image-container{position:relative;width:90%;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0 0 5px;border:5px ridge rgb(226,226,226);background-blend-mode:screen;box-shadow:inset 0 4px 10px #0000004d}.modal-image{width:60%;max-width:300px;height:auto;padding-bottom:12px}.modal-image-placeholder{width:216px;height:216px;overflow:hidden;text-align:center}.modal-height-weight{position:absolute;bottom:0;left:50%;width:90%;align-items:center;justify-content:center;transform:translate(-50%);padding:5px 10px;border-radius:8px;font-size:.9rem;color:#000;display:flex;gap:15px;background:radial-gradient(circle,#ffffff73 46%,#fff0)}.modal-height-weight p{padding-bottom:0}.modal-text-container{width:100%;padding:15px;box-sizing:border-box;min-height:315px}.modal-text-container h3{font-size:1.125rem;color:var(--pokemon-black);text-align:center}.modal-text-container p{font-size:1rem;color:var(--pokemon-black);font-weight:700}.modal-content ul{list-style:none;text-transform:capitalize;padding:0;font-size:.8rem;color:var(--pokemon-black);font-weight:700;padding-bottom:.5rem}.modal-flex-list{display:flex;flex-wrap:wrap}.modal-flex-list li{flex:1 1 45%}.modal-moves-list{list-style:none;padding:0;margin:0}.modal-move-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.modal-move-left-content{display:flex;padding-right:3rem}.modal-move-type{width:30px;height:30px;border-radius:100%;position:relative;box-shadow:0 5px 5px #00000026}.modal-move-type:before{content:"";position:absolute;top:3px;left:3px;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle at top left,rgba(255,255,255,.6),transparent 70%);pointer-events:none}.modal-move-right-content{display:flex;flex-grow:1;flex-shrink:0}.modal-move-name{flex-grow:1;text-align:left}.modal-move-power{font-weight:700;min-width:50px;text-align:right}.modal-move-type.normal{background-color:var(--normal-color);border:solid 1px var(--pokemon-black)}.modal-move-type.fire{background-color:var(--fire-color);border:solid 1px var(--pokemon-black)}.modal-move-type.water{background-color:var(--water-color);border:solid 1px var(--pokemon-black)}.modal-move-type.electric{background-color:var(--electric-color);border:solid 1px var(--pokemon-black)}.modal-move-type.grass{background-color:var(--grass-color);border:solid 1px var(--pokemon-black)}.modal-move-type.ice{background-color:var(--ice-color);border:solid 1px var(--pokemon-black)}.modal-move-type.fighting{background-color:var(--fighting-color);border:solid 1px var(--pokemon-black)}.modal-move-type.poison{background-color:var(--poison-color);border:solid 1px var(--pokemon-black)}.modal-move-type.ground{background-color:var(--ground-color);border:solid 1px var(--pokemon-black)}.modal-move-type.flying{background-color:var(--flying-color);border:solid 1px var(--pokemon-black)}.modal-move-type.psychic{background-color:var(--psychic-color);border:solid 1px var(--pokemon-black)}.modal-move-type.bug{background-color:var(--bug-color);border:solid 1px var(--pokemon-black)}.modal-move-type.rock{background-color:var(--rock-color);border:solid 1px var(--pokemon-black)}.modal-move-type.ghost{background-color:var(--ghost-color);border:solid 1px var(--pokemon-black)}.modal-move-type.dragon{background-color:var(--dragon-color);border:solid 1px var(--pokemon-black)}.modal-move-type.dark{background-color:var(--dark-color);border:solid 1px var(--pokemon-black)}.modal-move-type.steel{background-color:var(--steel-color);border:solid 1px var(--pokemon-black)}.modal-move-type.fairy{background-color:var(--fairy-color);border:solid 1px var(--pokemon-black)}.close-btn{position:absolute;right:22px;font-size:2rem;cursor:pointer;z-index:2;line-height:2rem}.close-btn:hover{color:var(--pokemon-black)}@media (min-width: 768px){.pokemon-card{flex:1 1 calc(25% - 1rem);max-width:calc(25% - 1rem)}.pokemon-grid{gap:3rem}.modal-header-row{padding:.5rem 18px}.modal-header-row h2{font-size:1.8rem}.modal-text-container{padding:20px 18px}.modal-content ul{font-size:.95rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif,Nunito,sans-serif,Quicksand,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--pokemon-black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--pokemon-yellow: #FFCB05;--pokemon-red: #E60012;--pokemon-blue: #1D72B8;--pokemon-black: #3C3C3B}a{font-weight:500;color:var(--pokemon-blue);text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--pokemon-black);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--pokemon-blue)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}