// app global css in SCSS form

@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

html,
body {
    font-family: 'Exo 2', sans-serif;
}

.bg-theme {
    background: linear-gradient(to top left,
            #fdc730,
            #ea2963,
            #bd288a 50%,
            #6e43ac,
            #4763bf,
            #16a3e8) !important;
}


.bg-blurred {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.drop-shadow {
    filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.5));
}


a {
    color: $primary;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: $blue-5;
}