@font-face {
    font-family: "Tommy";
    src: url("tommy.otf");
}

@font-face {
    font-family: "Quantify";
    src: url("Quantify.ttf");
}

* {
    font-family: "Tommy";
}

.text-quantify {
    font-family: "Quantify";
}

html {
    scroll-behavior: smooth
}

.animate-spin {
    animation: spin 3s linear infinite !important;
}

.animate-spin-revert {
    animation: spinRevert 2.5s linear infinite !important;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spinRevert {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}