body{color:#fff}.nav-Heading{text-align:center;text-decoration:none}a{text-decoration:none;color:#fff}.poke-Wrapper{text-align:center;margin:2rem;height:15rem}.poke-Wrapper a{text-decoration:none;color:#fff}.pokeName{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:600;text-transform:capitalize;letter-spacing:8px;font-size:20px}.pokeImage{width:294px;height:145px;margin:1rem 0}.pokemonData{display:flex;flex-wrap:wrap}.controlsBtn{text-align:center}.controlsBtn button{text-align:center;margin:10px;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;color:#36395a;cursor:pointer;font-family:JetBrains Mono,monospace;height:48px;padding-left:16px;padding-right:16px;text-decoration:none;transition:box-shadow .15s,transform .15s;font-size:18px}.controlsBtn button:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}.controlsBtn button:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}.controlsBtn button:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}.inp-search{width:40rem;height:2rem;padding:1rem;background:none;color:#fff;outline:none;border:1px solid #686262}@media screen and (max-width:710px){.inp-search{width:25rem}}@media screen and (max-width:450px){.inp-search{width:15rem}}.box-wrapper{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:3rem auto}h1{letter-spacing:2px}:root{--card-height: 65vh;--card-width: calc(var(--card-height) / 1.5);--body-color: #393937;--accent-color: #03e8f499;--white-color: #fff;--box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 0 0 100px #03e9f4;--body-font: "Montserrat", sans-serif;--normal-font-size: 1rem;--font-regular: 400;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100}*{margin:0;padding:0}body{background-color:#212534}.pokemonDetails-Wrapper{display:flex;flex-direction:column;margin:2rem auto}@property --rotate{syntax: "<angle>"; initial-value: 132deg; inherits: false;}.pokemonDetails-Name{font-size:40px;letter-spacing:10px;margin:10px 0}.pokemonDetails-Types{margin:10px 0}.card{background:#191c29;width:var(--card-width);height:var(--card-height);padding:3px;position:relative;border-radius:6px;justify-content:center;align-items:center;text-align:center;display:flex;font-size:1.5em;color:#58c7fa00;cursor:pointer}.card:hover{color:#58c7fa;transition:color 1s}.card:hover:before,.card:hover:after{animation:none;opacity:0}.card:before{content:"";width:104%;height:102%;border-radius:8px;background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);position:absolute;z-index:-1;top:-1%;left:-2%;animation:spin 2.5s linear infinite}.pokemonDetails-Image{width:294px;height:145px;margin:2rem 0}.similarTypesName{display:flex;flex-wrap:wrap;align-content:center;justify-content:center}.similarTypesName .li{list-style:none;margin:1rem 2rem;padding:1rem}.nameList{text-align:center}.button-animation{position:relative;display:inline-block;padding:20px 30px;color:var(--accent-color);text-transform:uppercase;overflow:hidden;letter-spacing:4px;transition:.5s}.button-animation span{position:absolute;display:block}.button-animation span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color));animation:btn-anim1 1s linear infinite}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.button-animation span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,var(--accent-color));animation:btn-anim2 1s linear infinite;animation-delay:.25s}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.button-animation span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,var(--accent-color));animation:btn-anim3 1s linear infinite;animation-delay:.5s}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.button-animation span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,var(--accent-color));animation:btn-anim4 1s linear infinite;animation-delay:.75s}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.button-animation:hover{background-color:var(--accent-color);color:var(--white-color);border-radius:5px;box-shadow:var(--box-shadow)}