@import"https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";@import"https://fonts.googleapis.com/css?family=Open+Sans:800";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css";:root{--green1: #68AE28;--green2: #006359;--red1: #EF8200;--red2: #E50020;--blue1: #AFCEE5;--blue2: #3396CD;--black1: #006A6B;--black2: #333;--brown1: #BF794E;--brown2: #91301D;--gray1: #D2DDF0;--gray2: #ADB2B4;--pink1: #F7C6BD;--pink2: #D08690;--purple1: #CD91BE;--purple2: #91308C;--white1: #f1f1f1;--white2: #D3EBEA;--yellow1: #FFE100;--yellow2: #F9BE00}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0}body{height:100vh;width:100vw;background-color:var(--white1);display:grid;place-content:center;box-sizing:border-box;user-select:none}.frame{position:relative;width:min(90vw,600px);aspect-ratio:2/3;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.25);font-size:min(7vw,40px);font-family:Open Sans,Helvetica,sans-serif;border-radius:5px;box-shadow:1px 2px 10px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;overflow:hidden}.frame .icone{position:absolute;color:#fff;font-size:min(6vw,60px)}.frame .speak-icone{top:15%;left:5%}.frame .gen-menu-choise{top:5%;left:5%}.frame .pokemon-menu-icone{top:5%;right:5%}.frame .pokemon-menu{position:absolute;inset:0;padding:3%;background-color:#fff;display:flex;justify-content:space-evenly;flex-wrap:wrap;overflow-y:scroll;scrollbar-width:thin;z-index:110;box-shadow:3px 3px 10px #0000004d}.frame .pokemon-menu div{width:32%;aspect-ratio:1}.frame .pokemon-menu img{width:100%;max-height:100%;object-fit:cover}.frame .gen-menu{position:absolute;inset:5% 2%;height:90px;background-color:#fff;z-index:100;border-radius:35px;padding:15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;font-size:min(6vw,50px);transition:.3s ease-in-out;transform:translate(-100vw)}.frame .gen-menu.active{transform:translate(0)}.click-box{position:absolute;width:100%;height:70%;cursor:pointer}.frame .description{position:absolute;bottom:10px;font-size:.45em;white-space:nowrap}.frame img{width:80%;max-height:75%;cursor:pointer;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.5))}.frame .name{position:absolute;width:90%;bottom:5%;left:5%;padding:5px 10px;border-radius:35px;background-color:#ffffff80;backdrop-filter:blur(25px);display:flex;justify-content:space-between;z-index:5}.frame .previous,.frame .next{cursor:pointer;display:flex;align-items:center}.frame .pokemonId{display:flex;flex-direction:column;justify-content:center;align-items:center}[data-bg-color=green]{background:radial-gradient(circle,white 0%,white 50%,var(--green1) 50%,var(--green2) 100%);background-size:100% 200%}[data-bg-color=red]{background:radial-gradient(circle,white 0%,white 50%,var(--red1) 50%,var(--red2) 100%);background-size:100% 200%}[data-bg-color=blue]{background:radial-gradient(circle,white 0%,white 50%,var(--blue1) 50%,var(--blue2) 100%);background-size:100% 200%}[data-bg-color=black]{background:radial-gradient(circle,white 0%,white 50%,var(--black1) 50%,var(--black2) 100%);background-size:100% 200%}[data-bg-color=brown]{background:radial-gradient(circle,white 0%,white 50%,var(--brown1) 50%,var(--brown2) 100%);background-size:100% 200%}[data-bg-color=gray]{background:radial-gradient(circle,white 0%,white 50%,var(--gray1) 50%,var(--gray2) 100%);background-size:100% 200%}[data-bg-color=pink]{background:radial-gradient(circle,white 0%,white 50%,var(--pink1) 50%,var(--pink2) 100%);background-size:100% 200%}[data-bg-color=purple]{background:radial-gradient(circle,white 0%,white 50%,var(--purple1) 50%,var(--purple2) 100%);background-size:100% 200%}[data-bg-color=white]{background:radial-gradient(circle,white 0%,white 50%,var(--white1) 50%,var(--white2) 100%);background-size:100% 200%}[data-bg-color=yellow]{background:radial-gradient(circle,white 0%,white 50%,var(--yellow1) 50%,var(--yellow2) 100%);background-size:100% 200%}