*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins}html,body{height:100%;width:100%;overflow-x:hidden}.main{position:relative;min-height:100vh;width:100vw;padding:2% 10%;display:flex;flex-direction:column;align-items:center}.searchWrapper{width:100%;position:relative}.backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:.3s;z-index:5}.backdrop.show{opacity:1}.searchInput{width:100%;position:relative;z-index:10}.result-box{position:absolute;width:100%;display:none;box-shadow:0 10px 30px #0003;background-color:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding-inline:20px;padding-top:10px;padding-bottom:10px}.result-box.show{display:block}input{width:100%;padding:10px 20px;border-radius:5px;border:none;outline:none}.roundedInput{border-radius:5px 5px 0 0}input::placeholder{color:#333}.result-box ul li{list-style:none}.result-box ul{display:flex;flex-direction:column;gap:10px;color:#555}.result-box ul li{padding:5px 5px 5px 10px;border-radius:5px}.result-box ul li:hover{color:#111;background-color:#d8d8d8}.pokemons{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;position:relative}.pokeCard{width:120px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:0 10px 10px;border:1px solid #ddd;border-radius:10px;background-color:#f8f8f8;transition:all linear .3s}.pokeCard:hover{background-color:#c7c7c7}.pokeImage{width:80%;height:auto;max-height:100px;object-fit:contain}.pokeCard h1{font-size:20px;font-weight:500}.controlls{width:90%;display:flex;justify-content:space-between;margin-top:1rem}button{padding:10px 20px;border-radius:10px;border:1px solid #222;outline:0;transition:all ease-in-out .2s}button:active{scale:.85}.disabled{pointer-events:none;border:1px solid #555;outline:0;color:#555}