@import url(https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap);@font-face{font-family:Pokemon Solid;src:url(/static/media/Pokemon%20Solid.5d60be1f7ff5fcc21fc1.ttf)}*{box-sizing:border-box;font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-style:normal}:root{--light-red:red;--dark-red:#c00;--blue:#3b4cca;--light-blue:#82cffd;--yellow:#ffde00;--gold:#b3a125}body{background-attachment:fixed;background-image:url(/static/media/background.0adb0036996174dd0e02.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;padding-top:env(safe-area-inset-top,20px)}.hidden{visibility:hidden}.video-container{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.video-container:after{background:#0003;content:""}.background-video,.video-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.background-video{object-fit:cover}.logo{display:flex;justify-content:center;margin-top:-4vh}.logo span{color:#ffde00;color:var(--yellow);display:inline-block;font-family:Pokemon Solid;font-size:3rem;font-weight:700;margin:0 .1rem;text-shadow:-.1rem -.1rem 0 #3b4ccad5,.2rem .2rem 0 #3b4ccad5}.logo .char-0{transform:rotate(-20deg) translateY(20%)}.logo .char-1{transform:rotate(-15deg) translateY(10%)}.logo .char-2{transform:rotate(-8deg) translateY(6%)}.logo .char-3{transform:rotate(-4deg) translateY(1%)}.logo .char-4{transform:rotate(4deg) translateY(10%)}.logo .char-5{transform:rotate(8deg) translateY(10%)}.logo .char-6{transform:rotate(15deg) translateY(16%)}.searchbar{display:flex;justify-content:center;margin-top:3vh}.searchbar-elements{background-color:#82d0fd15;border:.05rem solid #82cffd;border:.05rem solid var(--light-blue);border-radius:8px;box-shadow:0 0 .2rem #82cffd,0 0 .4rem #82cffd;box-shadow:0 0 .2rem var(--light-blue),0 0 .4rem var(--light-blue);display:flex;flex-direction:column;padding:1% 5% 2%}.searchbar-header{color:#82cffd;color:var(--light-blue);font-size:1.2rem;margin:.5rem;text-shadow:0 0 .1rem #82cffd,0 0 .2rem #82cffd;text-shadow:0 0 .1rem var(--light-blue),0 0 .2rem var(--light-blue)}.input-container{display:inline-block;position:relative}.searchbar input{border-radius:1.2rem;font-size:1.5rem;height:5vh;padding:1.1rem;width:20vw}.searchbar input:focus{outline:none}.search-icon{cursor:pointer;font-size:1.3rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.error-message{color:red;color:var(--light-red);padding:.2rem 0 0 .5rem}.pokemon-display{align-items:center;display:flex;flex-direction:column;margin-top:5vh}.pokemon-header{align-items:center;color:#82cffd;color:var(--light-blue);display:flex;gap:5vw;justify-content:space-between;margin-bottom:-7vh;text-shadow:0 0 .1rem #82cffd,0 0 .2rem #82cffd;text-shadow:0 0 .1rem var(--light-blue),0 0 .2rem var(--light-blue);width:30%;z-index:2}.pokemon-header span{cursor:pointer;font-size:2.5rem}.pokemon-detail{align-items:center;display:flex;justify-content:center;margin-top:3vh;width:100%;z-index:1}.pokemon-avatar{background-image:url(/static/media/pokeball.69d98423ddd0211aa030.svg);background-repeat:no-repeat;background-size:cover;padding:3rem}.pokemon-avatar img{height:auto;width:15vw}.pokemon-evolutions{display:flex;flex-direction:column;width:25vw}.pokemon-evolutions h2{color:#82cffd;color:var(--light-blue);text-align:center;text-shadow:0 0 .1rem #82cffd,0 0 .2rem #82cffd;text-shadow:0 0 .1rem var(--light-blue),0 0 .2rem var(--light-blue);width:100%}.pokemon-evolutions p{color:#fff;text-align:center;text-shadow:0 0 .1rem #fff,0 0 .2rem #fff}.evolutions-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.evolution{align-items:center;display:flex;flex-direction:column}.evolution img{background-image:url(/static/media/pokeball.69d98423ddd0211aa030.svg);background-position:50%;background-repeat:no-repeat;background-size:200% 200%;border:.05rem solid #555;border-radius:.5rem;box-shadow:0 0 .2rem #969696,0 0 .2rem #969696;cursor:pointer;height:auto;padding:.5rem;width:5vw}.evolution span{color:#82cffd;color:var(--light-blue);margin-top:.5rem;text-shadow:0 0 .1rem #82cffd,0 0 .2rem #82cffd;text-shadow:0 0 .1rem var(--light-blue),0 0 .2rem var(--light-blue)}.pokemon-overview{grid-row-gap:1rem;grid-column-gap:1rem;align-items:center;background-color:#fff3;clip-path:polygon(90% 0,100% 50%,90% 100%,0 100%,10% 50%,0 0);color:#fff;column-gap:1rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-items:center;padding:2rem;row-gap:1rem;width:25vw}.overview-group{align-items:center;display:flex;flex-direction:column;line-height:.2rem;width:100%}.overview-group h4{color:#82cffd;color:var(--light-blue);text-shadow:0 0 .1rem #82cffd;text-shadow:0 0 .1rem var(--light-blue)}.types-container{display:flex;gap:.3rem}.pokemon-type{border-radius:2rem;color:#fff;min-width:4rem;padding:.5rem;text-align:center;text-shadow:0 0 .2rem #000}.pokemon-list{display:flex;flex-direction:column;justify-content:center}.pokemon-list-container{grid-column-gap:0;grid-row-gap:1.5rem;column-gap:0;display:grid;grid-template-columns:repeat(9,1fr);justify-items:center;margin-top:5vh;row-gap:1.5rem}.pokemon-list-item{align-items:center;background-color:#82d0fd15;border:.05rem solid #82cffd;border:.05rem solid var(--light-blue);border-radius:8px;box-shadow:0 0 .2rem #82cffd,0 0 .4rem #82cffd;box-shadow:0 0 .2rem var(--light-blue),0 0 .4rem var(--light-blue);cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;width:9vw}.pokemon-list-item img{border-bottom:.05rem solid #82cffd;border-bottom:.05rem solid var(--light-blue);height:auto;width:100%}.pokemon-item-name{color:#82cffd;color:var(--light-blue);margin:.5rem 0;text-shadow:0 0 .1rem #82cffd,0 0 .2rem #82cffd;text-shadow:0 0 .1rem var(--light-blue),0 0 .2rem var(--light-blue)}.pokemon-item-types-container{display:flex;flex-direction:column;gap:.3rem;height:20%;margin:0 1rem .5rem}.pokemon-item-type{border-radius:2rem;color:#fff;font-size:.8rem;min-width:3.5rem;padding:.2rem;text-align:center;text-shadow:0 0 .2rem #000}.load-more-btn{color:#82cffd;color:var(--light-blue);cursor:pointer;font-size:1.5rem;margin:2rem 0;text-align:center;text-shadow:0 0 .1rem #82cffd,0 0 .2rem #82cffd;text-shadow:0 0 .1rem var(--light-blue),0 0 .2rem var(--light-blue)}.spinner-container{display:flex;justify-content:center;margin-bottom:20vh;margin-top:20vh}.spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top:5px solid var(--light-blue);height:2rem;width:2rem}@media (max-width:767px){.logo span{font-size:2rem;margin:0 .1rem}.searchbar-header{font-size:1rem}.searchbar input{font-size:1.2rem;width:clamp(180px,50vw,300px)}.error-message{font-size:.8rem;padding:.2rem 0 0 .5rem}.pokemon-header{margin-bottom:-6vh;width:100%}.pokemon-detail{flex-direction:column}.pokemon-evolutions{order:3;width:100%}.evolution img{width:20vw}.pokemon-overview{clip-path:polygon(0 90%,50% 100%,100% 90%,100% 0,50% 10%,0 0);margin-top:-3vh;width:100%}.pokemon-avatar img{height:auto;width:50vw}.pokemon-list-container{display:grid;grid-template-columns:repeat(3,1fr)}.pokemon-list-item{height:auto;width:28vw}.pokemon-item-types-container{flex-direction:row;margin:0 .2rem .5rem}.pokemon-item-type{font-size:.7rem;min-width:2.5rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px) and (max-width:1024px){.logo span{font-size:5rem}.searchbar-header{font-size:1.8rem}.searchbar input{border-radius:2rem;width:40vw}.search-icon{font-size:2rem}.error-message{font-size:1.5rem;padding:.2rem 0 0 .5rem}.pokemon-header{font-size:2rem;width:80%}.pokemon-header span{font-size:5rem}.pokemon-detail{flex-direction:column;font-size:2rem}.pokemon-avatar img{height:auto;width:40vw}.evolutions-container{gap:2rem}.pokemon-evolutions{order:3;width:100%}.evolution img{border:.2rem solid #555;border-radius:1rem;box-shadow:0 0 .3rem #969696,0 0 .3rem #969696;width:20vw}.evolution-arrow{font-size:3rem}.evolution-arrow .arrow-1{font-size:4rem}.pokemon-overview{clip-path:polygon(0 90%,50% 100%,100% 90%,100% 0,50% 10%,0 0);margin-top:-3vh;padding:4rem;width:100%}.pokemon-type{border-radius:4rem;min-width:8rem;padding:1rem}.pokemon-list-container{display:grid;grid-template-columns:repeat(3,1fr)}.pokemon-list-item{height:auto;width:28vw}.pokemon-item-name{font-size:2rem}.pokemon-item-types-container{flex-direction:row;margin:0 .2rem .5rem}.pokemon-item-type{font-size:1.5rem;min-width:6rem}.load-more-btn{font-size:3rem;margin:2rem 0 4rem}.spinner{border:8px solid #ffffff4d;border-top:8px solid var(--light-blue);height:3rem;width:3rem}}
/*# sourceMappingURL=main.bc2c829c.css.map*/