.h-wrapper {
    background: var(--black);
    color: white;
}


.h-container {
    display: flex;
    row-gap: 2rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: var(--secondary);
}


.paddings {
    padding: 1.5rem;
}


.innerwidth {
    width: 100%;
}


.h-menu{
    gap: 2rem;
}

.h-menu-items:hover{
    filter: drop-shadow(0 0 2em #ffffff);
    cursor: pointer;
}

.button{
    font-weight: 500;
    padding: 0.6rem 1.4rem;
    color: white;
    background: var(--blue-gradient);
    border: none;
    border-radius: 4px;
    transition: all 300ms ease-in;
}

/* @media (min-width: 1536px){
    .innerwidth{
        max-width: 1280px;
        margin: auto;
    }
} */