.header {
    top: 0;
    z-index: 2;
    background-color: transparent;

    .logo__image {
        filter: invert(100%);
    }
}

.about-image {
    width: 100%;
}

:root {
    --main-bg-color: #323232 !important;
    --main-text-color: whitesmoke !important;
    --main-link-color: var(--main-text-color) !important;
}

.sub-menu {
    background-color: transparent;
    backdrop-filter: blur(2px);
}

.about {
    background-image: url('../assets/images/empty.jpg');
    height: 100svh;
    background-size: cover;
    background-position: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about-title {
    font-weight: 600;
    font-size: 4rem;
    text-transform: uppercase;
}

.socials__icon {
    stroke: var(--main-link-color);
    fill: var(--main-link-color);

    &:hover {
        stroke: var(--gray-dark-color);
        fill: var(--gray-dark-color);
    }
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    border: none;
}

@media screen and (max-width: 768px) {
    .about-title {
        font-size: 2rem;
    }
    
}