NotDavid9.github.io/smtn.css at main · NotDavid9/NotDavid9.github.io · GitHub

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

            html {
    image-rendering: pixelated;
    background: url(Images/BetterDitheredWW90sConfetti.png) repeat center;
    background-color: white;
    background-blend-mode: multiply;
}


            p {
      text-align: center;
      margin: 40px;
      font-family:"Henny Penny";
      }


      header {
        margin-top: 0;
        image-rendering: pixelated;
        background: url(Images/OtherNightSky.gif) no-repeat center;
        height: 400px;
        width: "width"

      }

      .pixelated{
        image-rendering: pixelated;
      }

            body {
        width: 150%;
        max-width: 1250px;
        margin: 0 auto;
        background: white;
      }

        .color-changing-stuff {
            animation: changeColor 1s infinite running; /* 5s duration, infinite loop, running direction https://developer.mozilla.org/en-US/docs/Web/CSS/animation*/
        }
        @keyframes changeColor {
            0% { color: rgb(255, 0, 0); }
            16.7% { color: rgb(255, 255, 0); }
            38.3% { color: rgb(0, 255, 0); }
            50% { color: rgb(0, 255, 255); }
            66.7% { color: rgb(0, 0, 255); }
            83.3% { color: rgb(255, 0, 255); }
            100% { color: rgb(255, 0, 0); }
        }


        /*moving text dosent work*/
        .moving-text {
            animation: slide-in 2s infinite alternate;
        }
        @keyframes slide-in {

        }

        /*center Tag*/
        .center {
        display: block;
          margin-left: auto;
          margin-right: auto;
          align-items: center;
          justify-content: center;
          text-align: center

}

.jersey-10-regular {
  font-family: "Jersey 10", system-ui;
  font-weight: 400;
  font-style: normal;
}