*{margin:0%;padding:0%}header{width:100%;height:auto;background-color:#c8f5d9ab;display:flex;justify-content:center;align-items:center}.pokeapp-menu-nav{display:flex;justify-content:center;align-items:center;width:100%}.header-pokeapp-logo{width:20%}.pokeapp-logo{width:65%}.pokeapp-menu-ul{display:flex;justify-content:space-around;list-style:none;width:50%}li a{text-decoration:none;color:#048937;cursor:pointer;font-weight:700;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;font-size:13px}.a-pokeapp-menu:hover{color:#fc0}.search-bar{width:25%;height:5rem;display:flex;align-items:center;justify-content:center}.pokeapp-search-bar{display:flex;line-height:28px;align-items:center;position:relative;max-width:190px}.input-search-bar{width:100%;height:40px;line-height:28px;padding:0 1rem 0 2.5rem;border:2px solid transparent;border-radius:10px;outline:none;background-color:#f3f3f4;color:#220c0d;transition:.3s ease}.input-search-bar::placeholder{color:#aaaaaf}.input-search-bar:hover{outline:none;transition:.6s ease;border-color:#55be7d58;background-color:#fff;box-shadow:0 0 0 4px #3bd6791a}.icon-search-bar{position:absolute;left:1rem;fill:#aaaaaf;width:1rem;height:1rem}.container-section-cards{display:flex;justify-content:center}.section-cards{margin-top:-16rem;width:90%;height:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.card{margin:1rem;width:280px;height:280px;background:#c1ffe8;border-radius:32px;padding:3px;position:relative;box-shadow:#604b4a30 0 70px 30px -50px;transition:all .5s ease-in-out}.card .profile-pic{position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);top:3px;left:3px;border-radius:29px;z-index:1;border:0px solid #c8f5d9ab;overflow:hidden;transition:all .5s ease-in-out .2s,z-index .5s ease-in-out .2s}.card .profile-pic img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;-o-object-position:0px 0px;object-position:0px 0px;transition:all .5s ease-in-out 0s}.card .profile-pic svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0px 0px;object-position:0px 0px;transform-origin:45% 20%;transition:all .5s ease-in-out 0s}.card .bottom{position:absolute;bottom:3px;left:3px;right:3px;background:#048957;top:80%;border-radius:29px;z-index:2;box-shadow:#604b4a30 0 5px 5px inset;overflow:hidden;transition:all .5s cubic-bezier(.645,.045,.355,1) 0s}.card .bottom .content{position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:160px}.card .bottom .content .name{display:block;font-size:1.2rem;color:#fff;font-weight:700;text-transform:capitalize;font-family:Arial,Helvetica,sans-serif}.card .bottom .content .about-me{display:block;font-size:.9rem;color:#fff;margin-top:1rem}.card .bottom .bottom-bottom{position:absolute;bottom:1rem;left:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:flex-end}.card .bottom .bottom-bottom .button{background:white;color:#048937;cursor:pointer;border:none;border-radius:20px;font-size:.6rem;padding:.4rem .6rem;box-shadow:#a5848222 0 5px 5px}.card .bottom .bottom-bottom .button:hover{background:#FFCC00;color:#fff}.card:hover{border-top-left-radius:55px}.card:hover .bottom{top:20%;border-radius:80px 29px 29px;transition:all .5s cubic-bezier(.645,.045,.355,1) .2s}.card:hover .profile-pic{width:100px;height:100px;aspect-ratio:1;top:10px;left:10px;border-radius:50%;z-index:3;border:7px solid #c8f5d9ab;box-shadow:#604b4a30 0 5px 5px;transition:all .5s ease-in-out,z-index .5s ease-in-out .1s}.card:hover .profile-pic:hover{transform:scale(1.3);border-radius:0}.card:hover .profile-pic img{transform:scale(1);-o-object-position:0px 25px;object-position:0px 5px;transition:all .5s ease-in-out .5s}.card:hover .profile-pic svg{transform:scale(2.5);transition:all .5s ease-in-out .5s}body{background-color:#f5ffe6;width:100%}