@font-face{font-family:roboto;src:url(/assets/Roboto-Regular-4e147ab6.ttf)}@font-face{font-family:roboBold;src:url(/assets/Roboto-Bold-ec685a46.ttf)}@font-face{font-family:roboMedi;src:url(/assets/Roboto-Medium-9d0d55a3.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:roboto}.blueBG{background-color:#ccdadd}span{font-family:roboBold}.pokeType{margin:1rem;border:1px solid black;padding:.3rem 2rem;border-radius:8px}.dark{background-color:#a9a9a9}.dark .blueBG,.dark .closeButton,.dark .animation-wrapper{background-color:#121111}.dark .animation-wrapper .loader svg{fill:#fdcb07;stroke:#385faa;stroke-width:4px}.typeHeader{padding:2vh 6vw;display:flex;justify-content:space-between;align-items:center}.closeButton{border:none;background-color:#ccdadd}.description-header{margin-top:7vh;margin-bottom:5vh}.orangeText2{z-index:2;position:relative;color:#ffcb05;padding:0 1vw}.typeGrid{display:grid;grid-template-columns:1fr 1fr}.typeWrapper{display:flex;justify-content:center;align-items:center;margin:10px auto;width:120px;border-radius:5px;border:1.5px solid black}.imputTypes{display:none}.typeLable{position:relative;padding:5px 10px;border-radius:5px;cursor:pointer;color:#fff;font-family:roboBold;text-transform:uppercase;font-size:14px;font-style:normal;font-weight:900;line-height:normal;text-align:center}.searchWrapper{display:flex;justify-content:center}.pokeSearch{margin-top:5vh;margin-bottom:15vh;width:30vw;height:5vh;background-color:#ffcb05;border-radius:10px;border:5px solid #2c72b8;color:#2c72b8;text-align:center;text-transform:uppercase;font-family:roboBold;font-size:24px;font-style:normal;font-weight:900;line-height:normal}.pokeSearch:hover{color:#ffcb05;background-color:#2c72b8}.typeLable:hover{color:#ffcb05}.animation-wrapper{position:relative;top:-1rem;overflow:visible;min-height:75vh;background-color:#ccdadd;height:100%}.pokeLink{text-decoration:none;font-size:14px;color:#000}.pokeCard{max-height:15vh;margin-top:-5vh;margin-bottom:2vh;position:absolute}.cardBG{width:40vw;background:linear-gradient(45deg,#ffe1c6,#ffcb05);border-radius:20px}.dark .cardBG{background:none;background:linear-gradient(45deg,#909091,#32353a)}.imageWrapper{display:flex;justify-content:center}.description{display:flex;justify-content:space-between;padding:2vw;margin-top:12vh;background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.pikachu-gif{position:relative;top:3rem}.pokeGrid{padding:5vh 0;margin:0 6vw;display:flex;flex-wrap:wrap;gap:8vh 7vw}.bg{height:100vh}nav{width:100vw;display:flex;justify-content:space-between;align-items:center;padding:1vh 6vw;margin-bottom:5vh}.HeaderIcon{width:7vw;cursor:pointer}input{width:63vw;height:5vh;border:none;border-radius:30px;padding:0 5vw;font-size:20px;color:#909090}input::placeholder{color:#909090;cursor:pointer;font-size:20px}header{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#ccdadd}.PokeLogo{margin:3vh 20vw;width:60vw}.dark header{background-color:#121111}.pokeDetail{height:100vh}.image-wrapper{height:20vh;margin:5vh 6vw 5vh 6vw;background:linear-gradient(45deg,#ffe1c6,#ffcb05);border-radius:20px;display:flex;align-items:center;justify-content:center}.pokeImage{height:220px;margin-top:-12vh}.description-header{display:flex;justify-content:center;font-size:45px}.description-header .textBG{position:absolute;-webkit-text-stroke:13px #2c72b8}.textBG span{padding:1vw}.orangeText span{z-index:2;position:relative;color:#ffcb05;padding:0 1vw}.description-types{margin-top:2vh;display:flex;justify-content:center;color:#fff}details{margin:3vh auto}.detailsWrapper{display:flex;justify-content:center;align-items:center}summary{color:#ffcb05;font-family:roboBold;font-size:17px;cursor:pointer}.pokeSummery{margin-top:2vh;text-align:center;line-height:3vh;color:#2c72b8}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blur{0%{-webkit-filter:blur(0px);filter:blur(0px)}50%{-webkit-filter:blur(1px);filter:blur(1px)}to{-webkit-filter:blur(0px);filter:blur(0px)}}#top1{transform-origin:bottom center;animation:move_top1 ease-out 1.2s;animation-iteration-count:infinite}@keyframes move_top1{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-1.5%,-25%) scale(1.3) rotate(-.5deg)}to{transform:translate(0) scale(1) rotate(0)}}#top2{transform-origin:bottom left;animation:move_top2 ease-out 1.2s;animation-iteration-count:infinite}@keyframes move_top2{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-10%,1%) scale(1.1) rotate(-2.1deg)}to{transform:translate(0) scale(1) rotate(0)}}#bottom1{transform-origin:top center;animation:move_bottom1 ease-out 1.2s;animation-iteration-count:infinite}@keyframes move_bottom1{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translateY(45%) scale(1.3) rotate(0)}to{transform:translate(0) scale(1) rotate(0)}}#bottom2{transform-origin:top left;animation:move_bottom2 ease-out 1.2s;animation-iteration-count:infinite}@keyframes move_bottom2{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(38%,1%) scale(1.3) rotate(-3.5deg)}to{transform:translate(0) scale(1) rotate(0)}}#bottom3{transform-origin:top right;animation:move_bottom3 ease-out 1.2s;animation-iteration-count:infinite}@keyframes move_bottom3{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(12%,5%) scale(1.1) rotate(-1deg)}to{transform:translate(0) scale(1) rotate(0)}}#bottom4{transform-origin:top left;animation:move_bottom4 ease-out 1.2s;animation-iteration-count:infinite}@keyframes move_bottom4{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-12%,5%) scale(1.1) rotate(0)}to{transform:translate(0) scale(1) rotate(0)}}svg{width:300px;animation:animationFrames ease-in-out 1.2s;animation-delay:.05s;animation-iteration-count:infinite;transform-origin:50% 50%}@keyframes animationFrames{0%{transform:rotate(0)}to{transform:rotate(-720deg)}}