html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    font-family: 'Poppins' !important;
    font-size: 0.7rem !important;
}

@media (min-width: 900px) {
    body {
        font-size: 0.9rem !important;
    }
}

nav {
    background-color: #DED6D3 !important;
    z-index: 1;
}

a {
    text-decoration: none !important;
    color: black !important;
}

.active {
    font-weight: bold;
}

.highlight {
    background: linear-gradient(90deg, transparent 40px, #DED6D3 30px);
}

.highlight-container {
    background: linear-gradient(90deg, transparent 50%, #DED6D3 50%);
    overflow: hidden;
}

@media (max-width: 360px) {
    #nav-logo-text {
        display: none;
    }
}

#logo-header {
    font-weight: bold;
    font-size: 0.7rem;
    line-height: 100%;
}

#logo-subtext {
    font-size: 0.6rem;
    line-height: 100%;
}

@media(min-width: 992px) {
    #logo-header {
        font-size: 1rem;
    }
    
    #logo-subtext {
        font-size: 0.8rem;
    }
}

.other-projects {
    margin-bottom: 80px;
    border-top: 1px solid;
}