@import "tailwindcss";

/* inter-latin-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(@fontsource-variable/inter/files/inter-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

body {
    font-family: 'Inter Variable', sans-serif;
}


@media (max-width: 768px) {
    .header {
        height: auto;
        padding: 1rem 1rem 2rem;
    }

    .header-links {
        flex-direction: column;
        gap: 1rem;
    }
}

div#cheerpjDisplay.status:before {
    content: "" !important;
    border: 0 !important;
    opacity: 1 !important;
    transform: translate(-100%, 0) !important;
    box-shadow: none !important;
    outline: none !important;
}

div#cheerpjDisplay.status:after {
    content: "" !important;
    border: 0 !important;
    opacity: 1 !important;
    transform: translate(-100%, 0) !important;
    box-shadow: none !important;
    outline: none !important;
}

.cheerpjNC:before {
    content: "" !important;
    border: 0 !important;
    opacity: 1 !important;
    transform: translate(-100%, 0) !important;
    box-shadow: none !important;
    outline: none !important;
}

.cheerpjNC:after {
    content: "" !important;
    border: 0 !important;
    opacity: 1 !important;
    transform: translate(-100%, 0) !important;
    box-shadow: none !important;
    outline: none !important;
}

.cheerpjLoading {
    pointer-events: none !important;
    background: url(/images/cheerpj.svg) no-repeat center !important;
    background-size: 300px !important;
    background-color: white !important;
  }
