@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);*{box-sizing:border-box;font-family:Oxanium,cursive;margin:0;padding:0}body{background:linear-gradient(180deg,#2a9dfc,#fff);min-height:100vh;text-align:center}body,main{padding:15px}main{display:inline-block;margin-top:2%;position:relative}.pokemon_image{bottom:55%;height:18%;left:0;left:50%;position:absolute;transform:translate(-63%,20%)}.pokemon_data{color:#aaa;font-size:clamp(8px,5vw,25px);font-weight:600;position:absolute;right:27%;top:54.5%}.pokemon_name{color:#3a444d;text-transform:capitalize}form{left:13.5%;position:absolute;top:65%;width:65%}.input_search{border:2px solid #333;border-radius:5px;box-shadow:-3px 4px 0 #888,-5px 7px 0 #333;color:#3a444d;outline:none;width:100%}.input_search,button{font-size:clamp(8px,5vw,1rem);font-weight:600;padding:4%}button{background-color:#444;border:2px solid #000;border-radius:5px;box-shadow:-3px 4px 0 #222,-5px 7px 0 #000;color:#fff;width:50%}button:active{box-shadow:inset -4px 4px 0 #222;font-size:.9rem}.pokemon-info-container{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;padding:20px}.pokemon-info-container p{font-size:16px;line-height:1.5;margin-bottom:10px}.green-text{color:green}.yellow-text{color:#eadc17}.red-text{color:#b00505}.blue-text{color:#1b4bcf}.title-background{background-color:#000;color:#fff;padding:10px}.camera-container{align-items:center;background:#e71d1d;border:4px solid #333;border-radius:12px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1.5rem}.camera-view,.preview-image{border:3px solid #333;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:640px;width:100%}.preview-buttons{display:flex;gap:1rem;margin-top:1rem}.capture-button,.confirm-button,.retake-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:1rem;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s}.capture-button{background-color:red}.capture-button:hover{background-color:#c00;transform:scale(1.05)}.retake-button{background-color:#666}.retake-button:hover{background-color:#444;transform:scale(1.05)}.confirm-button{background-color:#4caf50}.confirm-button:hover:not(:disabled){background-color:#45a049;transform:scale(1.05)}.capture-button:disabled,.confirm-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.error-message{background-color:#333;border:2px solid #ffeb3b;border-radius:4px;color:#ffeb3b;font-family:Press Start\ 2P,cursive;font-size:.8rem;margin-top:1rem;padding:.8rem;text-align:center}.loading-spinner{align-items:center;display:flex;gap:.5rem}.spinner{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0000;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.success-message{animation:success-pulse 2s infinite;animation:fadeIn .5s forwards,success-pulse 2s infinite;background-color:#333;border:2px solid #4caf50;border-radius:4px;box-shadow:0 4px 8px #0000004d;color:#4caf50;font-family:Press Start\ 2P,cursive;font-size:.8rem;left:50%;margin-top:1rem;max-width:80%;min-width:300px;opacity:0;padding:1rem;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:1001}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes success-pulse{0%{box-shadow:0 0 0 0 #4caf5066}70%{box-shadow:0 0 0 15px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}*{font-family:Press Start\ 2P,cursive}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61b3fb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pokedex-container{height:637px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:425px}.pokedex-container,.pokemon-info-container{flex:1 0 200px;max-width:425px}.center{display:flex;flex-wrap:wrap}.yellow-dot{animation:flash 1s infinite;background:linear-gradient(45deg,#021a46,#509eed);border-radius:50%;height:66px;left:10%;position:absolute;top:2%;width:66px}@keyframes flash{0%,20%,40%,60%,to{opacity:1}10%,30%,80%{opacity:0}}.pokedex-container .pokemon-info-container{display:block;display:none}@media screen and (max-width:600px){.pokedex-container .pokemon-info-container{display:block}.pokemon-info-web-container>.pokemon-info-container{display:none}}@media screen and (max-width:1024px){.pokemon-info-container,.pokemon-info-container h1,.pokemon-info-container p{display:none}}.camera-section{animation:pulse 2s infinite;background:#000c;border:4px solid #ffeb3b;border-radius:12px;box-shadow:0 4px 12px #0000004d;left:50%;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffeb3b66}70%{box-shadow:0 0 0 10px #ffeb3b00}to{box-shadow:0 0 0 0 #ffeb3b00}}.buttons{bottom:10%;gap:20px;transform:translate(-57%)}.buttons,.detect-button-container{display:flex;left:50%;position:absolute;width:65%}.detect-button-container{bottom:85%;justify-content:center;transform:translate(-50%,-50%)}.detect-button-container .button{background-color:#444;border:2px solid #000;border-radius:5px;box-shadow:-3px 4px 0 #222,-5px 7px 0 #000;color:#fff;font-size:clamp(8px,5vw,1rem);font-weight:600;padding:4%;width:100%}.detect-button-container .button:active{box-shadow:inset -4px 4px 0 #222;font-size:.9rem}
/*# sourceMappingURL=main.8bb409d4.css.map*/