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

:root {
    --font-sans: 'Montserrat', sans-serif;
    --font-mono: 'Source Code Pro', monospace;
}

.montserrat-400 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: "Montserrat", sans-serif;
}

:root.dark,
.dark #__next {
    background-color: hsl(0, 0%, 3%);
}

#background {
    opacity: 0.4;
}

#information-widgets {
    margin-bottom: calc(var(--spacing) * 2);
}

#information-widgets img[alt="logo"] {
    width: 160px !important;
    opacity: 0.9;
}

.service-card {
    background: hsl(0deg 0.02% 5.02%);
    border: 1px solid #1b1b1b;
    background-image: radial-gradient(ellipse at -60px -69px, hsla(276, 12%, 3.1%, 0.5) 0%, hsla(0, 0%, 4%, 0.5) 70%, hsla(0, 0%, 6%, 0.5) 81%, hsla(0, 0%, 4%, 0.5) 89%, hsla(0, 0%, 1%, 0.5) 99%);
}

.service-name {
    /* font-family: var(--font-mono); */
    opacity: 0.8;
}

.service-block {
    background-color: hsla(0, 0%, 37%, 0.1);
    border: 1px solid hsl(0, 0%, 40%, 0.1);
    font-family: 'Source Code Pro';
}