@import "main.css";

 @font-face {
  font-family: 'Reddit Sans';
  src: url('../fonts/RedditSans-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 700;  
  font-style: normal;
}

@font-face {
    font-family: 'Norican';
    src: url('../fonts/Norican-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

img{
/*  display: block;*/
}


@keyframes standUp {
    from {
        transform: rotateX(-90deg);
        opacity: 0;

    }

    to {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#logo-anim {
    transform-origin: bottom;
    animation: standUp 1s 0.5s ease-out forwards;

}

.fade-in-anim {
    animation: fadeIn 0.2s 1.5s ease-out forwards;
}