@font-face {
    font-family: 'Gilroy Light';
    src: url('resources/gilroy-light-webfont.woff2') format('woff2'),
         url('resources/gilroy-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy Bold';
    src: url('resources/gilroy-bold-webfont.woff2') format('woff2'),
         url('resources/gilroy-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

.title-font {
    font-family: 'Gilroy Bold', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.main-font {
    font-family: 'Gilroy Light', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    color: #393E8C;
}

.main-gradient {
    background-image: linear-gradient(to right, #00ff4b 0%, #00bcff 100%);
}