body, html, * {
    font-family: "Noto Sans", sans-serif;
}

.bg-fc-primary {
    background-color: #0D28F2;
}

.bg-fc-white {
    background-color: #ffffff;
}

.bg-fc-secondary {
    background-color: #6d6dde;
}

.bg-fc-dark {
    background-color: #07073f;
}

.fg-fc-primary {
    color: #0D28F2;
}

.fg-fc-secondary {
    color: #c8c8fd;
}

.fg-fc-dark {
    color: #07073f;
}

.top-gradient-full-width {
    background: linear-gradient(0deg, #07073f 0%, #0D28F2 100%);
    height: 16px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.top-gradient-light-full-width {
    background: linear-gradient(0deg, #ffffff 0%, #0D28F2 100%);
    height: 16px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.bottom-gradient-full-width {
    background: linear-gradient(180deg, #07073f 0%, #0D28F2 100%);
    height: 16px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.bottom-gradient-light-full-width {
    background: linear-gradient(180deg, #ffffff 0%, #0D28F2 100%);
    height: 16px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.btn-tryout {
    padding-left: 3em !important;
    padding-right: 3em !important;
}