/* ============================================================================
TYPOGRAPHY STYLES
============================================================================ */
.logo {
    letter-spacing: 10px;
    font-size: 20px;
    margin-bottom: 14px;
    color: #EDEEF3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quote {
    font-size: 18px;
    line-height: 1.5;
    color: #8C8FA3;
}

h1 {
    font-weight: 300;
    font-size: 48px;
    margin: 60px 0 0px;
}

.about-div-c {
    display: flex; 
    gap: 20px; 
    margin: 20px 0;
    justify-content: center;
}

.about-div-c-link {
    display: flex; 
    align-items: center; 
    gap: 8px; 
    text-decoration: none !important; 
    color: inherit !important; 
    font-weight: 500;
}

.about-div-c-link:hover {
    opacity: 0.7;
}

.about-div-c-span {
    font-size: 1.5em;
}

.aboutText {
    text-align: left;
    line-height: 1.6;
}

.aboutText p {
    margin-bottom: 12px;
    opacity: 0.8;
}

.aboutText h3 {
    font-size: 18px;
    margin: 20px 0 10px;
    color: #9B8CFF;
}

.aboutText a {
    color: #9B8CFF;
    text-decoration: none;
}

.aboutText a:hover {
    text-decoration: underline;
}

.about-sm-0 {
    opacity: .8 !important;
    color: #9B8CFF;
    text-align: center;
}

.about-sm-1 {
    font-size: 14px !important;
    opacity: .4 !important;
}

.span-dash {
    margin: 0 !important;
}