apps/web-shared/src/styles/components/404.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

@use '../base' as *;

.fof {
}

.fof__animation {
  svg {
    display: block;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}

#i-fof-browser {
  transform-origin: 260px 304px;
  animation: i-fof-browser 4s infinite;
}

#i-fof-shadow {
  transform-origin: 282px 410px;
  animation: i-fof-shadow 4s infinite;
}

@keyframes i-fof-browser {
  0%, 100% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(-10%) scale(0.9);
  }
}

@keyframes i-fof-shadow {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }
}