:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1854c4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1600px;margin:0 auto;padding:20px}a{font-weight:600;letter-spacing:.03em;color:#fff;text-decoration:inherit}a:hover{color:#00bfff}.pokeBall{width:115px;margin-left:-10px}.header{margin-left:15px}.headA:hover{color:#ffffffde}select:hover{cursor:pointer}body{background:url(/bg.svg) no-repeat bottom;background-repeat:no-repeat;background-size:cover;background-position:top center;background-attachment:fixed;width:100%;margin:0 auto;display:flex;min-height:100vh;justify-content:center}h1{font-family:Luckiest Guy;font-size:3.2em;line-height:1.1;text-shadow:4px 4px 0 rgba(13,0,83,.822)}input{border-radius:8px 0 0 8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2a2e45;color:#f9f9f9;width:50%;transition:border-color .25s}button{border-radius:0 8px 8px 0;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:ffcc00;color:#1e1f3b;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.resultsList li{background-color:#2e344e;color:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;width:300px;padding:2em;border:2px solid #00bfff;box-shadow:2px 2px 6px #000;transition:transform .2s,box-shadow .2s}.resultsList li:hover{transform:translateY(-5px);box-shadow:0 6px 8px #00000026}.resultsList li img{max-width:100%;max-height:200px;border-radius:8px;border:2px solid #ffcc00;margin-bottom:1em}.inputDiv{display:flex;width:90%;max-width:775px;justify-content:center;align-items:center;margin:.5em auto}.inputDiv button{height:42px}.resultsList{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.resultsList li{background:#23233b;border:1px solid #444;border-radius:8px;padding:1em;width:250px;text-align:center}.vob{margin-top:auto;color:#00bfff;text-decoration:underline;font-weight:500;transition:color .3s ease}.hello{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.howToUse{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:70%;max-width:800px;margin:30px auto;padding:2em;background-color:#16192598;color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #00000081}.subHead{font-family:Luckiest Guy,sans-serif;font-size:2em;text-align:center;margin:1em 0;color:#fc0;text-shadow:4px 4px 0 rgba(13,0,83,.822)}.logoDiv{display:flex;width:90%;align-items:center;justify-content:center;margin:auto}.linkDiv{width:90%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;padding:1em 0;background-color:#002c5f;border-radius:10px;margin:0 auto 2em;max-width:860px}.linkDiv a,.logOutBtn{font-weight:700;letter-spacing:.05em;color:#fff;text-decoration:none;padding:.5em 1em;border-radius:8px;transition:all .3s ease;background-color:#ffffff1a}.linkDiv a:hover,.logOutBtn:hover{background-color:#00bfff;color:#002c5f;transform:scale(1.05)}.linkDiv a.active{background-color:#00bfff;color:#002c5f;font-weight:800}.cardDiv{border:2px solid #00bfff;padding:1rem;width:200px;background-color:#2e344e;color:#f9f9f9;border-radius:8px;text-align:center;box-shadow:1px 4px 6px #000000b9}.addBtn{background-color:#ffd93d;color:#000;border:none;padding:.5em 1em;border-radius:4px;cursor:pointer;font-weight:700;margin:.5em}.cardDiv img{border:1px solid #FFD93D;box-shadow:1px 2px 4px #000000c2}.signupContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;padding:2em;background-color:#2e344e;color:#f9f9f9;border-radius:8px;margin:0 auto;box-shadow:0 4px 8px #00000081}.signupForm{display:flex;flex-direction:column;width:100%}.signupForm input{width:80%;border-radius:8px;margin:0 auto;background-color:#151629}.pikachuLoading{width:250px;height:250px;margin:0 auto}.signupForm button{width:80%;margin:1em auto;background-color:#fc0;color:#1e1f3b;border:none;padding:.5em 1em;border-radius:4px;cursor:pointer;font-weight:700}.bookmark1,.bookmark2{height:40px;background-color:#e96464;color:#222;border:none;padding:.5em 1em;border-radius:4px;cursor:pointer;font-weight:700}.logOutBtn{background-color:#b0b9e0;color:#000}.errDiv{background-color:#1111117e;color:#e0e0e0;padding:1em;border-radius:8px;box-shadow:0 4px 8px #00000081;margin:1em auto;text-align:center;width:60%}.errDiv h2{color:#ff0000dc;font-size:1.5em;margin-bottom:.5em}.bookmark1:active,.bookmark2:active{background-color:#fc0}.bookmark2{background-color:#1e1f3b}.bookmark1:hover{background-color:#ffa4a4;color:#fff}.bookmark2:hover{background-color:#000;color:#fff}.myCards{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.recalculateBtn{background-color:#2e85bedc;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;box-shadow:1px 2px 4px #0009;margin-top:10px}.recalculateBtn:hover,.recalculateBtn:focus,.recalculateBtn:active{background-color:#0d273bb7;color:#f9f9f9;transition:background-color .3s ease}.deleteCardBtn{background-color:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;box-shadow:1px 2px 4px #000000c2}.deleteCardBtn:hover,.deleteCardBtn:focus,.deleteCardBtn:active{background-color:#c0392b;color:#f9f9f9;transition:background-color .3s ease}@media (min-width: 600px){.linkDiv{width:90%}.resultsList{grid-template-columns:repeat(2,minmax(300px,1fr));align-items:stretch;gap:2em}.myCards{grid-template-columns:repeat(2,minmax(300px,1fr));align-items:stretch}}@media (min-width: 1000px){.linkDiv{min-width:860px}.resultsList{grid-template-columns:repeat(2,minmax(300px,1fr));align-items:stretch;gap:2em}.myCards{grid-template-columns:repeat(3,minmax(300px,1fr));align-items:stretch}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}