.header-content{
    display: flex;
    align-items: center;
    justify-content: space-between;

    @media screen and (max-width: 768px){
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        
        .header-logo img{
            width: 160px;
            margin: 46px 0 0;
        }

        #header-button{
            display: none;
        }

        i{
            margin-top: 16px;
            font-size: 34px;
        }
    }
}

i{
    color: $white-normal;
}

.header-icons{
    display: flex;
    gap: 14px;

    a{
        &:hover{
            i{
                animation: translateY 0.8s infinite alternate;
                color: $red-light;
                text-shadow: 0 0 13px #e0115f;
            }
        }
    }
}

@keyframes translateY {
    from{
        transform: translateY(0) scale(1);
    }
    to{
        transform: translateY(-8px) scale(1.1);
    }
}

#header-button {
    border: 1px solid $white-normal;
    padding: 8px 24px;
    color: $white-normal;
    border-radius: 4px;
    background-color: transparent;
    
    transition: background-color 0.7s;
    &:hover{
        border: 1px solid $red-light;
        background-color: $red-light;
    }
}

.header-logo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 14px 0 0;
}
