.text-10 {
    font-size: 10px;
}

.text-12 {
    font-size: 12px;
}

.text-13 {
    font-size: 13px;
}

.text-14 {
    font-size: 14px;
}

.text-20 {
    font-size: 20px;
}

.text-30 {
    font-size: 30px;
}

.text-40 {
    font-size: 40px;
}

.text-60 {
    font-size: 60px;
}

.text-72 {
    font-size: 72px;
}

.text-bold-900 {
    font-weight: 900;
}

.z-999 {
    z-index: 999;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-center-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ml-20 {
    margin-left: 20px;
}

.line-height-5 {
    line-height: 5px;
}

.font-weight-100 {
    font-weight: 100;
}

.title:after {
    content: "";
    /* This is necessary for the pseudo element to work. */
    display: block;
    /* This will put the pseudo element on its own line. */
    /* margin: 0 auto; */
    /* This will center the border. */
    width: 60px;
    /* Change this to whatever width you want. */
    padding-top: 20px;
    /* This creates some space between the element and the border. */
    border-bottom: 5px solid var(--main-color);
    /* This creates the border. Replace black with whatever color you want. */
}