@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";.App{max-width:1400px;margin:20px auto}#dark{background-color:#062226}#light{background-color:#fff;color:#062226}.header{margin:0}.header__red{height:150px;position:relative}.header__img{width:min(400px,calc(100% - 20px));position:absolute;bottom:50px;left:10px}.header__black{height:50px;position:relative;background:rgb(12,12,12);box-shadow:0 8px 32px #1f26875e;border-radius:5px;border:1px solid rgba(255,255,255,.18)}.header__pokeball{position:absolute;right:40px;top:-20px;background-color:#fff;border:10px solid #0C0C0C;width:90px;aspect-ratio:1;border-radius:50%}.header__pokeball:after{content:"";width:50px;height:50px;display:block;background-color:#212121;border:10px solid #0C0C0C;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header__btn{position:absolute;top:53%;left:51%;transform:translate(-50%,-50%);z-index:2;background-color:transparent;color:#fff;border:none;font-size:25px;cursor:pointer;transition:background 1s ease-in}.header__btn:hover{color:#0c0c0c;transition:.4s ease}.home{display:flex;flex-direction:column;min-height:100vh;justify-content:center;text-align:center;animation:inputAnimation 2s;line-height:60px;margin:10px}.home__wrapper{display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.input{border-style:none;height:50px;width:50px;padding:10px 40px 10px 10px;outline:none;border-radius:50%;transition:.5s ease-in-out;background-color:transparent;box-shadow:0 0 3px #000;color:#000}.input::placeholder,.input{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:17px}.input::placeholder{color:#8f8f8f}.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:calc(50% - 135px);cursor:pointer;width:40px;height:40px;outline:none;border-style:none;border-radius:50%;pointer-events:painted;background-color:#000;transition:.2s linear;border:2px solid #ff0000}.icon:focus~.input,.input:focus{box-shadow:none;width:250px;border-radius:0;background-color:transparent;border-bottom:3px solid #ff0000;transition:all .5s cubic-bezier(0,.11,.35,2)}.home__title{font-size:30px}.home__parrafo{font-family:monospace;font-size:20px}.pokemonCard{width:min(320px,92%);border-radius:10px;position:relative;overflow:hidden;cursor:pointer}#poster{transition:box-shadow .1s,transform;transition:all .2s ease-in-out}#poster:hover{box-shadow:0 0 50px #00000083;transform:scale(1.03)}.pokemonCard__header{height:200px}.pokemonCard__body{padding:20px}.pokemonCard__img{position:absolute;top:0}.pokemonCard__name{text-align:center;margin-top:50px;font-size:40px;text-transform:capitalize}.pokemonCard__types{text-align:center;text-transform:capitalize;font-size:18px;margin:4px 0}.pokemonCard__type-subtitle{text-align:center;color:gray;font-size:15px}.pokemonCard__line{width:200%;position:relative;left:-20%}.pokemonCard__stats{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.pokemonCard__stat{text-align:center}.pokemonCard__stat-name{text-transform:uppercase;color:gray;font-weight:400}.pokemonCard__stat-value{font-size:18px;margin-top:4px}.border-normal{border:10px solid #735259}.border-fighting{border:10px solid #96402A}.border-flying{border:10px solid #beb14c}.border-poison{border:10px solid #5B3184}.border-ground{border:10px solid #654008}.border-rock{border:10px solid #7E7E7E}.border-bug{border:10px solid #E52D2D}.border-ghost{border:10px solid #323569}.border-steel{border:10px solid #5E736C}.border-fire{border:10px solid #F96D6F}.border-water{border:10px solid #133258}.border-grass{border:10px solid #7EC6C5}.border-electric{border:10px solid #0C1395}.border-psychic{border:10px solid #E52D2D}.border-ice{border:10px solid #6FBEDF}.border-dragon{border:10px solid #478A93}.border-dark{border:10px solid #030706}.border-fairy{border:10px solid #971B45}.border-unknown{border:10px solid #696767}.border-shadow{border:10px solid #6c31a3}.bg-lg-normal{background:linear-gradient(180deg,#735259,#000)}.bg-sg-normal{background:#c3002a}.bg-lg-fighting{background:linear-gradient(180deg,#96402A,#000)}.bg-sg-fighting{background:#ff6a45}.bg-lg-flying{background:linear-gradient(180deg,#beb14c,#000)}.bg-sg-flying{background:#ffe100}.bg-lg-poison{background:linear-gradient(180deg,#5B3184,#000)}.bg-sg-poison{background:#340067}.bg-lg-ground{background:linear-gradient(180deg,#654008,#000)}.bg-sg-ground{background:#322004}.bg-lg-rock{background:linear-gradient(180deg,#7E7E7E,#000)}.bg-sg-rock{background:#484848}.bg-lg-bug{background:linear-gradient(180deg,#E52D2D,#000)}.bg-sg-bug{background:#ff4949}.bg-lg-ghost{background:linear-gradient(180deg,#323569,#000)}.bg-sg-ghost{background:#2833ff}.bg-lg-steel{background:linear-gradient(180deg,#5E736C,#000)}.bg-sg-steel{background:#00ffaa}.bg-lg-fire{background:linear-gradient(180deg,#F96D6F,#000)}.bg-sg-fire{background:#F96D6F}.bg-lg-water{background:linear-gradient(180deg,#133258,#000)}.bg-sg-water{background:#133258}.bg-lg-grass{background:linear-gradient(180deg,#7EC6C5,#000)}.bg-sg-grass{background:#7EC6C5}.bg-lg-electric{background:linear-gradient(180deg,#0C1395,#000)}.bg-sg-electric{background:#0a12b0}.bg-lg-psychic{background:linear-gradient(180deg,#E52D2D,#000)}.bg-sg-psychic{background:#E52D2D}.bg-lg-ice{background:linear-gradient(180deg,#6FBEDF,#000)}.bg-sg-ice{background:#6FBEDF}.bg-lg-dragon{background:linear-gradient(180deg,#478A93,#000)}.bg-sg-dragon{background:#478A93}.bg-lg-dark{background:linear-gradient(180deg,#030706,#000)}.bg-sg-dark{background:#1f493e}.bg-lg-fairy{background:linear-gradient(180deg,#971B45,#000)}.bg-sg-fairy{background:#971B45}.bg-lg-unknown{background:linear-gradient(180deg,#696767,#000)}.bg-sg-unknown{background:#696767}.bg-lg-shadow{background:linear-gradient(180deg,#6c31a3,#000)}.bg-sg-shadow{background:#6c31a3}.container{max-width:1400px;margin:30px auto}.pokedex__welcome{font-size:1.3rem;text-align:start;padding:1rem 0;margin:0 10px;font-weight:500}.bg-page{background-color:#ff0000b3}.pagination__li-hover:hover{border:1px solid red}.pokedex__welcome-span{color:red;font-weight:700;font-family:monospace}.pokedex__form{margin:30px auto 50px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;position:relative}.pokedex__input{padding:.7rem .3rem;border:1px solid rgba(128,128,128,.76);box-shadow:0 8px 10px #00000059;outline:none}.pokedex__btn{background:transparent;border:none;padding:10px 20px;border-left:none;color:#000;font-weight:800;cursor:pointer;text-transform:uppercase;position:relative;transition:.5s ease}.pokedex__btn:before{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background-color:#c50000b3;transition:.5s ease}.pokedex__btn:hover{color:#1e1e2b;transition-delay:.5s}.pokedex__btn:hover:before{width:100%}.pokedex__btn:after{content:"";position:absolute;left:0;bottom:0;height:0;width:100%;background-color:#c50000b3;transition:.4s ease;z-index:-1}.pokedex__btn:hover:after{height:100%;transition-delay:.4s;color:#f0f8ff;box-shadow:8px 8px 10px #00000059}.pokedex__select{padding:.7rem 1rem;margin:0 10px;width:289px;max-width:350px;text-transform:capitalize;box-shadow:8px 8px 10px #00000059;cursor:pointer;outline:none;border:1px solid rgba(128,128,128,.76)}.pokemonCard__grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.pagination{margin:50px auto}.pagination__list{display:flex;align-items:center;justify-content:center;color:#000;overflow-y:hidden;overflow-x:scroll;scroll-snap-type:x mandatory;cursor:pointer}.pagination__list::-webkit-scrollbar{width:12px}.pagination__list::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.pagination__li{color:#000;padding:8px 12px;text-decoration:none;transition:background-color .3s;border:1px solid #00000095}.pagination__li:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.pagination__li:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.toggleWrapper{position:absolute;top:195px;left:30%;overflow:hidden;padding:0 50px;transform:translate3d(-50%,-50%,0);color:#fff}.toggleWrapper input{position:absolute;left:-99em}.toggle{cursor:pointer;display:inline-block;position:relative;width:90px;height:50px;background-color:#83d8ff;border-radius:84px;transition:background-color .2s cubic-bezier(.445,.05,.55,.95)}.toggle:before{content:"AM";position:absolute;left:-30px;top:15px;font-size:18px}.toggle:after{content:"PM";position:absolute;right:-28px;top:15px;font-size:18px;color:#749ed7}.toggle__handler{display:inline-block;position:relative;z-index:1;top:3px;left:3px;width:44px;height:44px;background-color:#ffcf96;border-radius:50px;box-shadow:0 2px 6px #0000004d;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transform:rotate(-45deg)}.toggle__handler .crater{position:absolute;background-color:#e8cda5;opacity:0;transition:opacity .2s ease-in-out;border-radius:100%}.toggle__handler .crater--1{top:18px;left:10px;width:4px;height:4px}.toggle__handler .crater--2{top:28px;left:22px;width:6px;height:6px}.toggle__handler .crater--3{top:10px;left:25px;width:8px;height:8px}.star{position:absolute;background-color:#fff;transition:all .3s cubic-bezier(.445,.05,.55,.95);border-radius:50%}.star--1{top:10px;left:35px;z-index:0;width:30px;height:3px}.star--2{top:18px;left:28px;z-index:1;width:30px;height:3px}.star--3{top:27px;left:40px;z-index:0;width:30px;height:3px}.star--4,.star--5,.star--6{opacity:0;transition:all .3s 0 cubic-bezier(.445,.05,.55,.95)}.star--4{top:16px;left:11px;z-index:0;width:2px;height:2px;transform:translate3d(3px,0,0)}.star--5{top:32px;left:17px;z-index:0;width:3px;height:3px;transform:translate3d(3px,0,0)}.star--6{top:36px;left:28px;z-index:0;width:2px;height:2px;transform:translate3d(3px,0,0)}input:checked+.toggle{background-color:#749dd6}input:checked+.toggle:before{color:#c7990d}input:checked+.toggle:after{color:#fff}input:checked+.toggle .toggle__handler{background-color:#ffe5b5;transform:translate3d(40px,0,0) rotate(0)}input:checked+.toggle .toggle__handler .crater{opacity:1}input:checked+.toggle .star--1{width:2px;height:2px}input:checked+.toggle .star--2{width:4px;height:4px;transform:translate3d(-5px,0,0)}input:checked+.toggle .star--3{width:2px;height:2px;transform:translate3d(-7px,0,0)}input:checked+.toggle .star--4,input:checked+.toggle .star--5,input:checked+.toggle .star--6{opacity:1;transform:translateZ(0)}input:checked+.toggle .star--4{transition:all .3s .2s cubic-bezier(.445,.05,.55,.95)}input:checked+.toggle .star--5{transition:all .3s .3s cubic-bezier(.445,.05,.55,.95)}input:checked+.toggle .star--6{transition:all .3s .4s cubic-bezier(.445,.05,.55,.95)}.pokemon{text-align:center;width:93%;margin:7rem auto;box-shadow:8px 8px 16px #0000005a;background-color:#fff}.pokemonCard__header-pokemon{height:150px;position:relative}.pokemon__img{height:220px;position:absolute;top:-90px;left:calc(50% - 120px)}@media (min-width: 768px){.pokemon__img{height:250px;top:-90px;left:calc(50% - 135px)}.pokemonCard__header-pokemon{height:180px}}.pokemon__id{font-weight:600;font-size:1.3rem;color:#416460;border:1px solid #D3D3D3;padding:.3rem .5rem;display:inline-block;margin:20px 0}.pokemon__name-container{display:flex;justify-content:center;align-items:center;gap:15px}.pokemon__id-span{height:1px;background-color:#9f9f9f;width:100%}.pokemon__name{font-size:1.6rem;text-transform:capitalize}.pokemon__adjetives{margin:25px 0;display:flex;justify-content:center;gap:60px}.pokemon__adjetives-h{display:flex;flex-direction:column;gap:8px}.pokemon__adjetives-j{font-weight:400;font-size:18px;font-style:italic}.pokemon__adjetives-i{color:#a60000;font-weight:700}.pokemon__caracteristic{display:flex;justify-content:center;gap:40px;align-items:center;padding:1rem .5rem}.pokemon__all{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.pokemon__caracteristic-n{font-size:1.6rem;text-transform:capitalize}.pokemon__caracteristic-s{background-color:#fff;color:#000;border:1px solid #aaaaaa;padding:10px;font-weight:400;text-transform:capitalize}.pokemon__prop{width:113px;padding:.5rem 0;color:#000;font-weight:600;text-transform:capitalize}.pokemon__h{padding:10px;border:1px solid rgba(0,0,0,.489)}.pokemon__stats{margin:25px 0;padding-bottom:60px}.pokemon__stats-info{width:90%;margin:0 auto;display:flex;flex-direction:column;gap:18px}.pokemon__stat-header{display:flex;justify-content:space-between}.pokemon__stat-name{font-size:1rem;font-weight:700;text-transform:uppercase}.pokemon__stat-value{display:block;margin-block-start:8px;margin-block-end:8px}.pokemon__stat-barGray{background:linear-gradient(90deg,#eaeaea -2.25%,#8a8a8a 133.18%);height:25px}.pokemon__stat-barProgress{height:25px;background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);width:90%;border-top-right-radius:5px;border-bottom-right-radius:5px}:root{--principal-font: "Roboto", sans-serif}body{margin:0;background-image:url(/assets/pokeball-bg-a2e83cf7-a2e83cf7.png);background-repeat:no-repeat;background-position:right 0;background-size:600px}html{box-sizing:border-box;font-family:var(--principal-font)}*,*:after,*:before{box-sizing:inherit}ul{list-style:none;margin:0;padding:0}img{max-width:100%}h1,h2,h3,h4,h5,h6,p{margin:0}