/* About page styles */
.content h2 {
    color: var(--primary-color);
    margin-top: 2em;
    border-bottom: 2px solid var(--secondary-color);
    padding-bottom: 0.3em;
}

.content ul {
    list-style-type: none;
    padding-left: 0;
}

.content ul li {
    margin-bottom: 1em;
    padding-left: 1.5em;
    position: relative;
}

.content ul li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--secondary-color);
}

.content ul li ul {
    margin-top: 0.5em;
    margin-left: 1em;
}

.content ul li ul li {
    margin-bottom: 0.3em;
}

.content ul li ul li::before {
    content: '•';
}

.content a {
    color: var(--primary-color);
    text-decoration: none;
    border-bottom: 1px dashed var(--secondary-color);
}

.content a:hover {
    border-bottom-style: solid;
}