this repo has no description
1@font-face {
2 font-family: pricedown;
3 src: url("Pricedown\ Bl.otf");
4}
5
6body {
7 background-image: url("spongebob-gangsta.png");
8}
9.notice {
10 /* The cookie notice */
11 /* position: sticky;
12 top: 1em; */
13 /* SORRY FOR UNSTICKING I CANT SEE SHIT */
14 z-index: 3;
15 padding: 0.3em;
16 background-color: #ff8888;
17 color: #330000; /* Now compliant with WCAG (Wicked Cool Accessibility Guidelines) colour contrast accessibility guidelines! */
18 border: 0.7em inset red;
19}
20.notice a {
21 color: #000055;
22}
23.notice h2 {
24 font-family: pricedown, serif;
25} /* you can add the gta font anywhere it's part of the site now */
26
27/* the plight animation of the woke animal */
28@keyframes --woke-spin {
29 from {
30 transform: rotate(0deg);
31 } /* aka 0% */
32 to {
33 transform: rotate(360deg);
34 } /* aka 100% */
35}
36.rainbow-text {
37 background: linear-gradient(
38 90deg,
39 rgba(253, 29, 29, 1) 0%,
40 rgba(204, 135, 39, 1) 33%,
41 rgba(45, 168, 76, 1) 67%,
42 rgba(65, 59, 255, 1) 100%
43 );
44 color: white;
45}
46
47#musicplayer {
48 display: inline-block;
49 background-color: rebeccapurple;
50 border: 0.3em solid purple;
51 text-align: center;
52}
53
54#musicplayerheader {
55 display: inline-block;
56 padding: 0.5em;
57 background-color: #77aaff;
58 color: #000;
59}
60
61img.portal {
62 top: 50%;
63 left: 50%;
64 transform: translate(-50%, -50%);
65 scale: 0.5;
66}
67
68.scrdown {
69 transform: translate(30%, -1200%);
70 scale: 0.5;
71}
72
73/* jumpy fog tweaking */
74.fog {
75 animation: fogtime 3s infinite;
76}
77
78/* i dont really know man im freestyling this*/
79@keyframes fogtime {
80 0% {
81 transform: translate(20%, 50%);
82 }
83 20% {
84 transform: translate(100%, -80%);
85 }
86 50% {
87 transform: translate(40%, 30%);
88 }
89 80% {
90 transform: translate(-40%, -80%);
91 }
92 100% {
93 transform: translate(0%, 0%);
94 }
95}
96
97/* portal to ratzone */
98.ratzone {
99 position: relative;
100 left: 20%;
101}