@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');


:root {
    --font-name: "Space Grotesk";
    --foreground-color: #f40f1e;
    --foreground-color-dim: #f40f1ebc;
    --background-color: #010101;
}

html {
    font-family: var(--font-name), -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";
    background: var(--background-color);
    color: var(--foreground-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    font-weight: 500;
}

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge {
    font-family: var(--font-name), 'Cormorant', -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";
    font-weight: 500;
    text-transform: uppercase;
}

.accent-color {
    color: var(--foreground-color);
}

.uk-container-xsmall {
    max-width: 33.3rem;
}

.uk-icon-link {
    color: var(--foreground-color);
}
.uk-icon-link:hover {
    color: var(--foreground-color-dim);
}

.social-icon-accent {
    color: var(--foreground-color);
}

.social-icon-accent:hover {
    color: var(--foreground-color-dim);
}

.uk-button-default {
    background-color: var(--background-color) !important;
    color: var(--foreground-color) !important;
    border-color: var(--foreground-color) !important;
    border-radius: 5px;
}

.uk-button-default:hover {
    background-color: var(--foreground-color) !important;
    color: var(--background-color) !important;
    border-color: var(--foreground-color) !important;
    border-radius: 5px;
}

.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color) {
    color: var(--foreground-color);
}
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
}