.page{display:flex;justify-content:center;padding:40px 20px;width:100%}a{color:#646cff;font-weight:500;text-decoration:inherit}body{display:flex;min-height:100vh;min-width:320px;place-items:center}h1{font-size:3.2em;line-height:1.1}.App{align-items:center;display:relative;justify-content:center}.App,.text-zone{text-align:center}.text-zone{bottom:35%;display:block;left:30%;position:absolute;width:40%}.text-zone h1{font-family:Comic Sans MS,sans-serif;font-size:80px;font-weight:400;margin:0;position:relative}.text-zone h1,.text-zone h2{animation:fadeIn 1.3s backwards;color:#000}.text-zone h2{font-family:sans-serif;font-size:15px;font-weight:500;letter-spacing:3px;margin-top:20px}.flat-button{animation:fadeIn 1.3s backwards;border:2px solid #a4c4e0;color:#a4c4e0;display:inline-block;font-size:15px;font-weight:800;letter-spacing:4px;margin-top:25px;padding:10px 18px}.flat-button:hover{background:#a4c4e0;color:#fff}@media (max-width:768px){.text-zone{bottom:auto;left:auto;margin:0 auto;padding:20px 0;position:relative;text-align:center;width:90%}.text-zone h1{font-size:36px}.text-zone h2{font-size:14px;letter-spacing:2px}.flat-button{font-size:13px;letter-spacing:2px;padding:8px 14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{background-color:#f4f6f9;display:block;font-family:Segoe UI,sans-serif;margin:0;padding:0}.pokemon-page{align-items:center;animation:fadeInUp .7s ease-out;display:flex;flex-direction:column;justify-content:center;padding:20px}table{background-color:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 8px #0003;font-size:15px;margin:10px;overflow:hidden}thead{background-color:#007bff;border-radius:8px;color:#fff}thead th{font-size:13px;letter-spacing:.5px;padding:14px;text-transform:uppercase}tbody td{border-bottom:1px solid #e0e0e0;padding:12px;text-align:center}tbody tr:hover{background-color:#f1f5fb}@media (max-width:768px){.pokemon-page{padding:10px}.table-wrapper{width:220px}thead th{font-size:12px;padding:12px 8px}tbody td{font-size:13px;padding:10px 8px}}.container.color-page{max-width:1200px;padding:30px;position:relative;text-align:center;top:50px}.page-title{height:70px}.color-box{animation:fadeInUp .8s ease forwards;background-color:#f5f5f5;border-radius:50%;box-shadow:0 4px 20px #0000001a;cursor:pointer;height:200px;opacity:0;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:200px}.color-box.Red{animation-delay:.2s;background-color:#ff7f7f}.color-box.Blue{animation-delay:.4s;background-color:#6fd5ee}.color-box.Green{animation-delay:.6s;background-color:#76f6bf}.color-box.Yellow{animation-delay:.8s;background-color:#fcff8c}.color-box.Purple{animation-delay:1s;background-color:#c59be2}.color-box.Pink{animation-delay:1s;background-color:#ffe6f7}.color-box.Brown{animation-delay:.8s;background-color:#dfc7a7}.color-box.Grey{animation-delay:.4s;background-color:#a7a7a7}.color-box.White{animation-delay:.6s;background-color:#dadada}.color-box.Black{animation-delay:.2s;background-color:#222}.color-box:hover{box-shadow:0 10px 15px #0000004d}@media (max-width:768px){.container.color-page{max-width:100%;padding:15px;top:20px}.color-box{height:120px;margin:10px auto;width:120px}.page-title{font-size:24px;height:auto;margin-bottom:20px}}@media (max-width:480px){.color-box{height:100px;width:100px}}.container.pokemon-page{max-width:600px;padding:30px;position:relative;top:120px}.page-title{color:#333;font-size:48px;font-weight:700;margin:10px;text-align:center}.search-bar{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.search-bar input{border:2px solid #ccc;border-radius:8px;font-size:16px;max-width:490px;padding:12px 20px;transition:border-color .3s ease;width:100%}.search-bar button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}.status-message{text-align:center}.container.pokemon-page{animation:fadeInUp .7s ease-out}.page-title{animation:fadeInUp 1s ease-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}.search-bar button:hover{animation:shake .3s;background-color:#0056b3}@media (max-width:768px){.container.pokemon-page{padding:20px;top:80px}.page-title{font-size:32px}.search-bar{align-items:stretch;flex-direction:column;width:100%}.search-bar input{max-width:100%}}.container.type-page{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:1300px;padding:20px}.type-box{border-radius:50%;bottom:30px;cursor:pointer;height:170px;margin:10px;position:relative;transition:transform .3s ease;width:170px}.type-box img{display:block;height:100%;object-fit:cover;width:100%}.type-box:hover{transform:scale(1.15)}@media (max-width:768px){.type-box{height:150px;width:150px}.container.type-page{padding:15px}.page-title{padding:20px}}.container.generation-page{margin:auto;max-width:1600px;padding:40px}.page-title{font-family:Comic Sans MS,sans-serif}.images-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.generation-box{animation:fadeInUp .8s ease forwards;cursor:pointer;height:200px;margin:10px;opacity:0;position:relative;width:300px}.generation-box:first-child{animation-delay:.2s}.generation-box:nth-child(2){animation-delay:.4s}.generation-box:nth-child(3){animation-delay:.6s}.generation-box:nth-child(4){animation-delay:.8s}.generation-box:nth-child(5){animation-delay:1s}.generation-box:nth-child(6){animation-delay:1.2s}.generation-box:nth-child(7){animation-delay:1.4s}.generation-box:nth-child(8){animation-delay:1.6s}.generation-box:hover{box-shadow:0 10px 15px #0003}.generation-box:after{background:linear-gradient(180deg,#ffffff1a,#0009);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.generation-box:hover:after{opacity:.85}.generation-image{border-radius:10px;cursor:pointer;height:100%;width:100%}.generation-name{bottom:10px;color:#fff;font-size:20px;font-weight:700;left:25%;position:absolute;text-shadow:0 0 10px #000;transition:transform .3s ease}@media (max-width:768px){.container.generation-page{max-width:100%;padding:20px}.generation-box{height:150px;width:220px}.generation-name{font-size:16px;left:20%}.images-container{gap:15px;margin-top:15px}}@media (max-width:480px){.generation-box{height:100px;width:150px}.generation-name{font-size:14px;left:10%}.images-container{gap:10px;margin-top:10px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.App{display:flex;flex-direction:column;padding-top:100px}@media (max-width:768px){.App{flex-direction:column}.page{margin-left:0}}.nav-bar{background:#184e77;box-shadow:0 2px 4px #000000e6;height:100px;justify-content:space-between;padding:0 20px;position:fixed;right:0;top:0;width:100%;z-index:1000}.nav-bar,.nav-bar nav{align-items:center;display:flex}.nav-bar nav{flex-grow:1;justify-content:space-evenly;padding-left:0}.nav-bar nav a{color:#f0f0f083;display:block;font-size:22px;margin:0 40px;position:relative;text-decoration:none;transition:all .3s ease-out}.nav-bar nav a:hover{color:#fff}.nav-bar nav a i{transition:all .3s ease-out}.nav-bar nav a:hover svg{opacity:0}.nav-bar nav a:hover:after{opacity:1}.nav-bar nav a:after{bottom:0;content:"";display:block;font-size:15px;letter-spacing:2px;opacity:0;position:absolute;text-align:center;transition:all .3s ease-out;width:100%}.nav-bar nav a:first-child:after{content:"HOME"}.nav-bar nav a.types-link:after{content:"TYPE"}.nav-bar nav a.search-link:after{content:"SEARCH"}.nav-bar nav a.generation-link:after{content:"GENERATION"}.nav-bar nav a.color-link:after{content:"COLOR"}.nav-bar nav a.active svg{color:#fff}@media (max-width:768px){.nav-bar .mobile-toggle{display:block}}
/*# sourceMappingURL=main.6a785db5.css.map*/