@font-face {
    font-family: 'GoogleSans';
    src: url("/fonts/GoogleSans.ttf") format('truetype');
}

@font-face {
    font-family: 'GoogleSansM';
    src: url("/fonts/GoogleSansMedium.ttf") format('truetype');
}

* {
    font-family: 'GoogleSans', serif !important;
}

h1,h2,h3,h4,h6,h4 {
    font-family: 'GoogleSansM', serif !important;
}

@keyframes animate {

    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

.drop-in {
    animation: dropIn 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes dropIn {
    from {
        opacity: 0;
        transform: scale(1.2) translateY(-50px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}