.home{width:100vw;height:100vh;overflow:hidden}.home_main{position:relative;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:3s appeard}.home_main img{object-fit:cover;max-width:70%}.home_main h1{font-size:4rem;color:var(--main_red)}.home_main h2{color:var(--main_blue)}.footer{height:30%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.footer_red{height:40px;width:100%;background:var(--main_red)}.footer_black{height:40px;width:100%;background:black}.footer img{position:absolute;bottom:20px;height:40px;left:50%}@keyframes appeard{0%{left:0%;bottom:-100%}75%{left:0%;bottom:0%}}.card{border:1px solid rgb(0,0,0);border-radius:20px;width:300px;height:400px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin:10px 0;cursor:pointer;overflow:hidden;position:relative;border-width:4px;transition:all .4s ease-in-out}.card:hover{transform:translateY(-5px);transform:scale(1.05)}.card:hover .header_img{transform:translateY(-20px)}.bg_img{position:relative;width:100%;height:100%}.color-normal,.color-unknown{border-color:#bababa}.color-fighting{border-color:#96402a}.color-flying{border-color:#bc6b7c}.color-poison{border-color:#a564e3}.color-ground{border-color:#895c1a}.color-rock{border-color:#8d8d94}.color-bug{border-color:#3bb039}.color-ghost{border-color:#454aa8}.color-steel{border-color:#728881}.color-fire{border-color:#e35825}.color-water{border-color:#1479fb}.color-grass{border-color:#7ec6c5}.color-electric{border-color:#fce046}.color-phychic{border-color:#c23867}.color-ice{border-color:#64cbf5}.color-dragon{border-color:#56a4ae}.color-dark,.color-shadow{border-color:#0d1211}.color-fairy{border-color:#ff7ef5}.color-text-normal,.color-text-unknown{border-color:#bababa}.color-text-fighting{border-color:#96402a}.color-text-flying{border-color:#bc6b7c}.color-text-poison{border-color:#a564e3}.color-text-ground{border-color:#895c1a}.color-text-rock{border-color:#8d8d94}.color-text-bug{border-color:#3bb039}.color-text-ghost{border-color:#454aa8}.color-text-steel{border-color:#728881}.color-text-fire{border-color:#e35825}.color-text-water{border-color:#1479fb}.color-text-grass{border-color:#7ec6c5}.color-text-electric{border-color:#fce046}.color-text-phychic{border-color:#c23867}.color-text-ice{border-color:#64cbf5}.color-text-dragon{border-color:#56a4ae}.color-text-dark,.color-text-shadow{border-color:#0d1211}.color-text-fairy{border-color:#ff7ef5}.title{margin-top:80px;display:flex;flex-direction:column;align-items:center}.title h2{font-weight:700}.title span{color:gray}.header_img{object-fit:cover;width:140px;position:absolute;top:40px;left:80px;transition:all .4s ease-in-out}.main{padding:20px;width:100%;display:grid;justify-items:center;grid-template-columns:1fr 1fr}.item{padding:5px 0}.item p{color:var(--main_blue);font-weight:700}.item span{color:gray}.pokedex{width:100vw;overflow:hidden;display:flex;flex-direction:column;align-items:center}.navbar{height:30%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.navbar_red{width:100vw;height:40px;background:var(--main_red)}.navbar_black{height:40px;background:black}.navbar img{position:absolute;bottom:20px;height:40px;right:10%}.pokedex_ico{position:absolute;object-fit:cover;bottom:20px;width:200px;left:10%}.form{margin:20px 0;width:80%;display:flex;justify-content:center}.form input{width:50%;padding:10px;border-radius:20px;font-weight:700;border-color:var(--main_red);background:transparent}.form button{border-radius:20px;margin-left:20px;padding:0 20px;background:none;font-weight:700;font-size:16px;color:var(--main_red);border-color:var(--main_red);transition:.4s all ease-in-out}.form button:hover{background:var(--main_red);color:var(--color_white);transform:translateY(-5px)}.cards-container{margin-top:20px;width:80vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:5px;justify-items:center}.search{border-radius:20px;margin-left:20px;padding:0 20px;background:none;font-weight:700;font-size:16px;color:var(--main_blue);border-color:var(--main_red);transition:.4s all ease-in-out}.name{color:var(--main_blue);font-size:40px}.name>span{color:var(--main_red)}.content_details{background:rgb(237,230,230);display:flex;flex-direction:column}.header{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.stats:hover .poke_img img{transform:scale(1.1)}.poke_name{font-size:40px}.poke_img{position:relative;background:green;width:100%;height:120px;margin-bottom:80px}.poke_img img{object-fit:cover;width:200px;position:absolute;top:0;left:0;right:0;bottom:80;margin:auto;z-index:10;transition:.4s all ease-in-out;animation:show_img 2s}@keyframes show_img{0%{width:0}to{width:200px}}.row1{width:80%;margin:20px 0;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.row1 span{color:gray}.row1 p{color:var(--main_red)}.row1_item{min-width:250px;text-align:center}.row2{display:flex;width:80%;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.row2_item{min-width:250px;text-align:center}.row2_detail{display:flex;justify-content:space-evenly}.row2 h3{color:var(--main_blue)}.row2 span{color:gray}.stats{margin:40px 0;background:white;overflow:hidden;width:80%;border-radius:20px;box-shadow:1px 1px 8px #000;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.stats_title{color:#d5b61c;font-size:28px}.stats_item{min-width:80%;margin-bottom:40px}.bar{background:rgba(128,128,128,.3);width:100%;height:20px;position:relative;border-radius:20px;overflow:hidden;animation:bars 2s}@keyframes bars{0%{width:0}to{width:100%}}.unit{position:absolute;top:0;left:0;height:20px;background:rgb(215,142,16)}.movements{background:white;width:80%;border-radius:20px;box-shadow:1px 1px 8px #000;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.movements h2{padding:20px 0;color:var(--main_red);font-weight:700}.movements_item{margin:20px 0;display:flex;flex-wrap:wrap;width:90%;gap:8px}.movements_item span{border-radius:20px;padding:8px;background:rgb(223,215,215);transition:all .4s ease-in-out}.movements_item span:hover{transform:translateY(-5px);background:var(--main_red);color:#fff}.btn_back{border-radius:20px;padding:10px 20px;font-weight:700}.bg-normal,.bg-unknown{background:linear-gradient(177.03deg,#b3b3b3 -11.97%,#bababa 57.49%,#d3d3d3 135.64%)}.bg-fighting{background:linear-gradient(176.83deg,#96402a -8.78%,#f1613c 169.09%,#cb735d 242.33%)}.bg-flying{background:linear-gradient(181.51deg,#735259 -6.44%,#bc6b7c 121.95%,#7c3f4c 186.11%)}.bg-poison{background:linear-gradient(177.03deg,#5b3184 -11.97%,#a564e3 71.28%,#ce9bff 135.64%)}.bg-ground{background:linear-gradient(179.75deg,#654008 -19.96%,#895c1a 43.67%,#d69638 138.4%)}.bg-rock{background:linear-gradient(177.03deg,#7e7e7e -11.97%,#8d8d94 57.49%,#d3d3d3 135.64%)}.bg-bug{background:linear-gradient(177.56deg,#62db60 -58.92%,#3bb039 16.57%,#aaffa8 209.53%)}.bg-ghost{background:linear-gradient(177.03deg,#323569 -11.97%,#454aa8 57.49%,#787dda 135.64%)}.bg-steel{background:linear-gradient(179.75deg,#5e736c -19.96%,#728881 43.67%,#a8a8a8 138.4%)}.bg-fire{background:linear-gradient(176.37deg,#f96d6f -32.26%,#e35825 22.55%,#e8ae1b 125.72%)}.bg-water{background:linear-gradient(179.57deg,#133258 -70.14%,#1479fb 56.16%,#82b2f1 214.85%)}.bg-grass{background:linear-gradient(178.92deg,#7ec6c5 .92%,#abdac6 47.96%,#cae099 99.08%)}.bg-electric{background:linear-gradient(to top,rgba(255,253,165,1) 0%,rgba(252,224,70,1) 100%)}.bg-phychic{background:linear-gradient(179.75deg,#971b45 -19.96%,#c23867 43.67%,#cd7d98 138.4%)}.bg-ice{background:linear-gradient(177.03deg,#6fbedf -11.97%,#64cbf5 47.77%,#bdebfe 136.72%)}.bg-dragon{background:linear-gradient(179.75deg,#478a93 -19.96%,#56a4ae 43.67%,#a2bec1 138.4%)}.bg-dark,.bg-shadow{background:linear-gradient(177.03deg,#030706 -11.97%,#0d1211 57.49%,#5a5e5d 135.64%)}.bg-fairy{background:linear-gradient(to top,rgba(255,126,245,1) 0%,rgba(250,223,243,1) 100%)}.color-normal,.color-unknown{color:#bababa}.color-fighting{color:#96402a}.color-flying{color:#bc6b7c}.color-poison{color:#a564e3}.color-ground{color:#895c1a}.color-rock{color:#8d8d94}.color-bug{color:#3bb039}.color-ghost{color:#454aa8}.color-steel{color:#728881}.color-fire{color:#e35825}.color-water{color:#1479fb}.color-grass{color:#7ec6c5}.color-electric{color:#fce046}.color-phychic{color:#c23867}.color-ice{color:#64cbf5}.color-dragon{color:#56a4ae}.color-dark,.color-shadow{color:#0d1211}.color-fairy{color:#ff7ef5}.color-text-normal,.color-text-unknown{color:#bababa}.color-text-fighting{color:#96402a}.color-text-flying{color:#bc6b7c}.color-text-poison{color:#a564e3}.color-text-ground{color:#895c1a}.color-text-rock{color:#8d8d94}.color-text-bug{color:#3bb039}.color-text-ghost{color:#454aa8}.color-text-steel{color:#728881}.color-text-fire{color:#e35825}.color-text-water{color:#1479fb}.color-text-grass{color:#7ec6c5}.color-text-electric{color:#fce046}.color-text-phychic{color:#c23867}.color-text-ice{color:#64cbf5}.color-text-dragon{color:#56a4ae}.color-text-dark,.color-text-shadow{color:#0d1211}.color-text-fairy{color:#ff7ef5}*{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}:root{--main_red: #dd1a1a;--main_blue: #1c2398;--color_white: white}