* {
    padding: 0%;
}
:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.barra {
    outline: none;
    box-shadow: none;
    display: flex;
    gap: 8%;
    justify-content: center;
    align-items: center;
}
svg {
    outline: none;
    box-shadow: none;
    background: none;
    scale: 75%;
    border: none;
    padding: 0;
}
h5{
    font-size: 9px;
    color: white;
    text-decoration: none;
}
.iconD svg {
    outline: none;
    box-shadow: none;
    width: 27px;
    height: 41px;
    text-align: center;
    border-radius: 5px;
}
.iconLook svg {
    outline: none;
    box-shadow: none;
    width: 38px;
    height: 28px;
    text-align: center;
    border-radius: 5px;
}
.iconVi svg {
    outline: none;
    box-shadow: none;
    width: 48px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
}
.iconshopping svg {
    outline: none;
    box-shadow: none;
    width: 32px;
    height: 30px;
    text-align: center;
    border-radius: 2px;
}
.iconPro svg {
    outline: none;
    box-shadow: none;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 5px;
}
.iconCon svg {
    outline: none;
    box-shadow: none;
    width: 32px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
}
.iconLogout svg {
    outline: none;
    box-shadow: none;
    width: 32px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
}
.iconD:active {
    animation: icons 1s running;
}
.iconLook:active {
    animation: icons 1s running;
}
.iconVi:active {
    animation: icons 1s running;
}
.iconshopping:active {
    animation: icons 1s running;
}
.iconPro:active {
    animation: icons 1s running;
}
.iconCon:active {
    animation: icons 1s running;
}
@keyframes icons {
    0% {
        scale: 100%;
        box-shadow: 0 1px 1px white;
    }
    50% {
        scale: 125%;
        box-shadow: 0 1px 15px white;
    }
    100% {
        scale: 100%;
        box-shadow: 0 1px 1px white;
    }
}