@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Poppins:300,400,700&display=swap');


@font-face {
    font-family: 'Poppins Fallback';
    font-style: normal;
    font-weight: 300;
    src:url('../fonts/Poppins/Poppins-Light.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Poppins Fallback';
    font-style: normal;
    font-weight: 400;
    src:url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

:root {
    --secondary-font: "Poppins", "Poppins Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --navbar-top-background-desktop:linear-gradient(90deg, rgba(96,171,216,1) 0%, rgba(130,113,177,1) 100%);
    --navbar-top-link-desktop: #fff;
    --primary-color:#B821FF;
    --tertiary-color:#FF5296;
    --danger-color:#F77061;
    --danger-light-color:#F7BCBC;
    --info-color: #21D4FC;
    --info-light-color:#BBF9FF;
    --success-color:#67ff21;
    --warning-color:#ffda21;
    --link-color: #FF5296;
}

.page-title h1, .section-title h1 {
    background: var(--navbar-top-background-desktop);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}