.name-headline {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 48px;
}

.sub-headline {
    font-size: 24px;
    font-weight: 500;
    color: #3C3C3C;
}

.text-headline {
    font-size: 18px;
    font-weight: 400;
    color: #747474;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited {
    background-color: var(--primary-color) !important;
    font-weight: 700;
}

.no-padding-left {
    padding-left: 0% !important;
}

.experience-title {
    font-size: 24px;
    font-weight: 700;
    color: #3C3C3C;
}

.experience-text {
    font-size: 20px;
    font-weight: 400;
    color: #747474;
}

.bullets ul {
    list-style: none;
    /* Remove default bullets */
}

.bullets ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--primary-color);
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}