body{
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.header{
    font-size: 30px;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
}
.fat-text{
    font-size: 90px;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 100;
    margin-left: 15px;
}
.sub-header{
    font-size: 20px;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 200;
    color: grey;
}
.sub-header b{
    color: rgb(78, 78, 78);
}
.sub-sub-header{
    font-size: 15px;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 200;
    color: grey;
}
.sub-sub-sub-header{
    font-size: 15px;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 200;
    color: grey;
    margin-left: 35px;
}
.right-header{
    font-size: 15px;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 200;
    color: grey;
    float: right;
    margin-top: -37px;
    margin-right: 5px;
}

.error-text{
    font-size: 20px;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: lightcoral;
}

.header-2{
    font-size: 80px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 100;
}