*,:before,:after{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{overflow-x:hidden;min-width:450px;background-color:#ad4b46;color:#f3f3f3;font-family:Helvetica,sans-serif}a{text-decoration:none;color:#f3f3f3}button,input{border:none}button:active{transform:scale(.95)}*{scrollbar-width:thin;scrollbar-color:rgb(30,30,30) rgb(255,255,255,.2)}*::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-track{background:rgba(255,255,255,.2);background:transparent}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#F3F3F3;border-radius:50px}::selection{background-color:transparent;color:#fff}header{margin:35px auto;width:max-content}header img{height:50px;filter:drop-shadow(4px 4px 12px rgba(1,1,1,.5))}main{width:900px;height:620px;margin:0 auto;display:flex}main .bloc{position:relative;width:450px;height:620px}.border_screen{display:flex;justify-content:center;align-items:center;background-color:#d9d9d9;box-shadow:inset 8px 8px 20px #ffffffe6,inset -8px -8px 20px #01010180;width:450px;height:400px;border-radius:10px 10px 10px 50px}.screen_left{width:350px;height:280px;background-color:#333;box-shadow:inset 4px 4px 15px #010101cc;border-radius:5px;display:flex;justify-content:center;align-items:center}.screen_left img{object-fit:cover;max-height:65%;max-width:70%;filter:drop-shadow(0 0 1.2rem black)}.screen_left,.screen_down,.screen_right{overflow-y:auto;overflow-x:hidden}.bottom_bloc{height:220px;width:450px;display:flex}.bloc_btn_select{position:relative;background-color:#191919;display:flex;justify-content:center;align-items:center;height:75px;width:75px;border-radius:75px;margin:65px 0}.select{cursor:pointer;background-color:#222;box-shadow:inset 2px 2px 8px #f3f3f34d,inset -2px -2px 8px #010101cc;height:70px;width:70px;border-radius:70px}.select svg{height:35%;fill:#3e3e3e}.screen_down{margin:0 0 0 25px;padding:10px 0;align-self:flex-end;height:100px;width:180px;background-color:#333;box-shadow:inset 4px 4px 8px #01010180;border-radius:5px}.grid{display:flex;flex-wrap:wrap}.bloc_direction{position:relative;display:flex;justify-content:center;align-items:center;margin:0 0 0 25px;align-self:flex-end;height:150px;width:150px}.bloc_direction button{display:flex;align-items:center;justify-content:center}.bloc_direction button svg{height:45%;fill:#3e3e3e}.btn_dir1{position:absolute;height:150px;width:50px;background-color:#222;border-radius:8px}.btn_dir2{position:absolute;height:50px;width:150px;background-color:#222;border-radius:8px}.dir_center{position:absolute;height:50px;width:50px;border-radius:50%;transform:scale(.9);background-color:#252525;box-shadow:inset -5px -5px 5px #c8c8c81a,inset 5px 5px 5px #02020266}.up,.left,.right,.down{cursor:pointer;position:absolute;border-radius:8px;background-color:#252525;box-shadow:inset 2px 2px 4px #f3f3f333,inset -2px -2px 4px #020202cc;height:50px;width:50px;transform:scale(.9)}.up{top:0}.left{left:0}.right{right:0}.down{bottom:0}.up:active,.left:active,.right:active,.down:active{transform:scale(.86)}.list_pokemon{cursor:pointer;height:40px;border-radius:5px;display:flex;align-items:center;font-family:Audiowide,cursive;font-size:.8em;width:90%;margin:0 auto;letter-spacing:.5px}.list_pokemon:hover{background-color:#ffffff1a}.selected{background-color:#ffffff4d}.list_pokemon img{height:98%;margin-right:10px}.list_grid{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;height:40px;width:40px;border-radius:5px;margin:0 0 0 10px}.list_grid img{object-fit:cover;max-height:100%;max-width:100%;margin:0 auto}#bloc_right{padding-left:100px}.screen_right{width:350px;height:140px;background-color:#333;box-shadow:inset 4px 4px 8px #01010180;border-radius:5px;margin-top:50px;padding:10px 0}.desc_all{height:auto;width:94%;border-radius:4px;margin:0 auto;padding:4px 6px}.header_name_type{display:flex;flex-direction:column;justify-content:center;padding:5px 10px;border-radius:5px;border:solid 1px #999;margin-top:5px;margin-bottom:15px}.header_name_type img{margin-right:5px}#name{font-family:Major Mono Display,monospace;font-family:Audiowide,cursive;font-size:1.2em;margin-bottom:5px}#desc{font-family:"Press Start 2P",cursive;font-size:.7em;line-height:1.9em;padding:0 5px;margin-bottom:15px;color:#a0a0a0}#evol{display:flex;flex-direction:column;height:max-content;padding:5px 10px 10px;border-radius:8px;background-color:#444;margin-bottom:15px}.evol_img{cursor:pointer;display:flex;border-radius:10px;border:dashed 1px #777777;margin-top:5px}.evol_img img{margin:0 10px}.evols_txt{display:flex;flex-direction:column;justify-content:center;font-size:.82em}.evols_txt p{color:#777}.evol_img:hover{background-color:#333;border:solid 1px #777777}.evol_img:hover .evols_txt p{color:#f5f5f5}.evol_img:active{transform:scale(.98)}#evol p{font-family:Audiowide,cursive;font-size:1.2em;margin-right:5px}#evol img{height:60px;width:60px}#force_faiblesse{font-family:Audiowide,cursive;font-size:.9em}#force_faiblesse h3{color:#aaa;margin-bottom:10px}#force_faiblesse img{background-color:tomato;margin-bottom:0;margin-right:5px}#force,#faiblesse{padding:5px 10px;border-radius:5px;border:dashed 1px #525252;margin-bottom:15px}#height,#weight{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;font-family:Audiowide,cursive}#height h4,#weight h4{font-size:.8em}#height p,#weight p{font-size:1.2em}.bloc_btn_blue{width:350px;height:140px;margin-top:40px;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;background-color:#2398e1;box-shadow:inset -2px -2px 2px #f3f3f31a,inset 2px 2px 2px #0101011a}.bloc_btn_blue button{cursor:pointer;width:65px;height:65px;border-radius:5px;margin:0;background-color:#28abfd;box-shadow:inset 2px 2px 8px #f3f3f366,inset -2px -2px 8px #01010166}.bloc_btn_blue button svg{height:35%;fill:#a5dcff}.bloc_btn_grey{height:70px;width:140px;margin-top:40px;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;background-color:#a7a7a7;box-shadow:inset -2px -2px 2px #f3f3f31a,inset 2px 2px 2px #0101014d}.bloc_btn_grey button{display:flex;justify-content:center;align-items:center;cursor:pointer;width:65px;height:65px;border-radius:5px;box-shadow:inset 2px 2px 8px #f3f3f399,inset -2px -2px 8px #01010199}.bloc_btn_grey button svg{height:35%;fill:#999}.bloc_screen{margin:65px 0 0;height:70px;width:350px;display:flex;justify-content:space-between;align-items:center}.bloc_screen div{height:70px;width:150px;color:#a0a0a0;background-color:#333;box-shadow:inset 4px 4px 8px #01010180;border-radius:5px;overflow:hidden}svg{filter:drop-shadow(4px 4px 12px rgba(1,1,1,.4))}#search{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:95%;margin:0 auto;border-radius:4px}#search input{height:45%;border-radius:5px;background-color:#353535;border:1px solid #555;color:#f3f3f3;padding:0 10px;outline:none;font-family:"Press Start 2P",cursive;font-size:1.1em;text-align:center}#search input::placeholder{font-size:.9em;color:#555}#search input:focus{border:1px solid #F3F3F3}#search button{cursor:pointer;font-family:Audiowide,cursive;font-size:1.2em;height:45%;border-radius:5px;background-color:#444;color:#777}#search button:hover{background-color:#f3f3f3;color:#353535}#search button:active{transform:scale(.95)}.none{padding:0;margin:0;display:none}footer{height:100px;width:310px;margin:45px auto 0;display:flex;font-family:Audiowide,cursive;justify-content:center;align-items:center}footer a:active{color:#333}footer a:hover{color:#333;text-shadow:0 0 2px #333333}@media screen and (max-width: 950px){main{height:auto;width:auto;flex-direction:column}main .bloc{margin:0 auto}#bloc_right{padding:0 50px}}