/* Import All Font Files */
@import url("./fonts.css");

* {
    box-sizing: border-box;
    font-family: "Onest", sans-serif;
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Optima", sans-serif;
}

p {
    font-family: "Onest", sans-serif;
}

.title-font {
    font-family: "Optima", sans-serif;
}

.sans-font {
    font-family: "Roboto Condensed", sans-serif;
}

.serif-font {
    font-family: "Adobe Garamond", serif;
}

.signature-font {
    font-family: "Retro Signature", serif;
}

.loading-animation {
    width: fit-content;
    font-size: clamp(40px, 3vw, 60px);
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff00;
    -webkit-text-stroke: 0.5px #fff;
    background: linear-gradient(
            90deg,
            #ffff 33%,
            hsl(0, 0%, 0%, 0) 0 67%,
            #ffff 0
        )
        100%/300% 100% no-repeat text;
    animation: loading 5s steps(18) infinite;
}

.loading-animation:before {
    content: "Processing...";
}

@keyframes loading {
    to {
        background-position: 0;
    }
}