@font-face {
    font-family: 'Hauora';
    src: url('/static/fonts/Hauora-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hauora';
    src: url('/static/fonts/Hauora-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hauora';
    src: url('/static/fonts/Hauora-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hauora';
    src: url('/static/fonts/Hauora-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
}

.title-48{
    font-size: 48px;
    font-weight: 600;
    line-height: 100%;
    margin: 0;
}

.title-32{
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin: 0;
}

.title-24{
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
}

.link-1{
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
}

.link-2{
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
}

.button-1{
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
}

.button-2{
    font-size: 14px;
    font-weight: 600;
    line-height: 110%;
}

.text-20-semibold{
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
}

.text-24-semibold{
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
}

.text-18-semibold{
    font-size: 18px;
    font-weight: 600;
    line-height: 110%;
}

.text-16-semibold{
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
}

.text-16-medium{
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
}

.text-16-regular{
    font-size: 16px;
    font-weight: 400;
    line-height: 125%;
}

.text-14-semibold{
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
}

.text-14-medium{
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
}

.text-14-regular{
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}