1@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;500;700;900&display=swap");
2@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;400;500;700;900&display=swap");
3@import url("https://fonts.googleapis.com/css2?family=Yusei+Magic");
4
5::-webkit-scrollbar {
6 width: 10px;
7}
8
9::-webkit-scrollbar-track-piece {
10 background-color: #393939;
11}
12
13::-webkit-scrollbar-thumb {
14 background-color: #ffffff;
15}
16
17html {
18 scrollbar-color: #ffffff #393939;
19 scrollbar-width: thin;
20}
21
22body {
23 position: relative;
24 margin: 0;
25 font-family: "Source Sans Pro";
26 color: white;
27 background: #000000;
28 font-weight: 200;
29 text-shadow: 0px 0px 5px black;
30 width: 100vw;
31 height: 100vh;
32}
33#container {
34 position: relative;
35 width: 100%;
36 height: 100vh;
37 overflow: hidden;
38}
39.flex-container-title {
40 font-size: 22px;
41 font-weight: 900;
42 border-bottom: 1px solid white;
43 margin: 32px;
44 margin-right: 96px;
45}
46#flex-container {
47 display: flex;
48 flex-wrap: wrap;
49}
50.module {
51 margin: 64px;
52 padding: 32px;
53 border: 1px solid white;
54}
55.module-title {
56 font-size: 22px;
57 font-weight: 900;
58}
59.module-text {
60 font-size: 18px;
61 font-family: "Source Code Pro";
62 border-top: 1px solid white;
63}
64
65#ascii-banner-text {
66 background: -webkit-linear-gradient(
67 -45deg,
68 hsl(14, 100%, 50%),
69 hsl(337, 100%, 50%),
70 hsl(197, 100%, 50%),
71 hsl(167, 100%, 50%)
72 );
73 background-size: 400% 400%;
74 animation: gradient 15s ease infinite;
75 -webkit-background-clip: text;
76 -webkit-text-fill-color: transparent;
77}
78
79#home-link {
80 position: absolute;
81 top: 40px;
82 right: 40px;
83}
84#home-link-a {
85 color: white;
86 text-decoration: none;
87 font-size: 32px;
88 font-weight: 400;
89}
90#home-icon {
91 width: 32px;
92 height: 32px;
93}
94
95@keyframes gradient {
96 0% {
97 background-position: 0% 50%;
98 }
99 50% {
100 background-position: 100% 50%;
101 }
102 100% {
103 background-position: 0% 50%;
104 }
105}