1@reference './global.css';
 2
 3html.is-changing .swup-transition-fade {
 4  @apply transition-all duration-200;
 5}
 6html.is-animating .swup-transition-fade {
 7  @apply translate-y-4 opacity-0;
 8}
 9
10html.is-changing .swup-transition-slide {
11  @apply transition-all duration-300;
12}
13html.is-animating .swup-transition-slide {
14  @apply -translate-x-20 opacity-0;
15}
16
17html.is-changing .swup-transition-parallel-slide {
18  @apply transition-all duration-500 ease-linear;
19}
20html.is-changing .swup-transition-parallel-slide.is-previous-container {
21  @apply -translate-x-full;
22}
23html.is-changing .swup-transition-parallel-slide.is-next-container {
24  @apply translate-x-full;
25}
26
27.onload-animation {
28  opacity: 0;
29  animation: 300ms fade-in-up;
30  animation-fill-mode: forwards;
31}
32
33#header-content {
34  animation-delay: 400ms;
35}
36
37#main-content {
38  animation-delay: 300ms;
39}