1@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@200;300;400;500;700;900&display=swap");
  2@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@200;300;400;500;700;900&display=swap");
  3
  4::-webkit-scrollbar {
  5  width: 10px;
  6}
  7
  8::-webkit-scrollbar-track-piece {
  9  background-color: #393939;
 10}
 11
 12::-webkit-scrollbar-thumb {
 13  background-color: #ffffff;
 14}
 15
 16html {
 17  scrollbar-color: #ffffff #393939;
 18  scrollbar-width: thin;
 19}
 20
 21body {
 22  position: relative;
 23  margin: 0;
 24  font-family: "Source Sans Pro";
 25  color: black;
 26  background: #ffffff;
 27  font-weight: 200;
 28  text-shadow: 0px 0px 5px white;
 29  width: 100%;
 30  height: 3234px; /*388.67+128+384+410+384+162.67+384+268.67+384+212+128*/
 31}
 32
 33.section {
 34  position: absolute;
 35  font-family: "Space Mono";
 36  font-size: 24px;
 37  width: 960px;
 38}
 39.section-left {
 40  left: 128px;
 41  text-align: left;
 42}
 43.section-right {
 44  right: 128px;
 45  text-align: right;
 46}
 47
 48/* Section spacing guide: 128px (initial) + (384px margin per section) */
 49
 50#section-one {
 51  top: 128px;
 52}
 53
 54#section-two {
 55  top: 900.67px; /*388.67+128+384*/
 56}
 57
 58#section-three {
 59  top: 1694.67px; /*388.67+128+384+410+384*/
 60}
 61
 62#section-four {
 63  top: 2241.34px; /*388.67+128+384+410+384+162.67+384*/
 64}
 65
 66#section-five {
 67  top: 2894px; /*388.67+128+384+410+384+162.67+384+268.67+384*/
 68}
 69
 70.section-title {
 71  font-size: 48px;
 72  font-family: "Rubik";
 73  font-weight: 700;
 74}
 75
 76#background-shape-1 {
 77  position: absolute;
 78  left: 300px;
 79  top: 300px;
 80  border-radius: 512px;
 81  width: 1024px;
 82  height: 1024px;
 83  background: linear-gradient(
 84    222deg,
 85    rgba(255, 255, 255, 0) 0%,
 86    hsl(239deg 29% 51%) 100%
 87  );
 88}
 89
 90#background-shape-2 {
 91  position: absolute;
 92  right: 200px;
 93  top: 1824px;
 94  border-radius: 0px;
 95  width: 512px;
 96  height: 512px;
 97  background: linear-gradient(
 98    12deg,
 99    rgba(255, 255, 255, 0) 0%,
100    hsl(239deg 29% 51%) 100%
101  );
102}
103
104#background-shape-3 {
105  position: absolute;
106  right: 776px;
107  top: 1824px;
108  border-radius: 0px;
109  width: 256px;
110  height: 256px;
111  background: linear-gradient(
112    12deg,
113    rgba(255, 255, 255, 0) 0%,
114    hsl(239deg 29% 51%) 100%
115  );
116}
117
118#home-link {
119  position: absolute;
120  top: 40px;
121  right: 40px;
122}
123
124#home-link-a {
125  color: white;
126  text-decoration: none;
127  font-size: 32px;
128  font-weight: 400;
129}
130
131#home-icon {
132  width: 32px;
133  height: 32px;
134}
135
136@keyframes loadIn {
137  from {
138    opacity: 0;
139    transform: translateY(-10px);
140  }
141  to {
142    opacity: 1;
143    transform: translateY(0px);
144  }
145}
146
147@keyframes loadOut {
148  from {
149    opacity: 1;
150    transform: translateY(0px);
151  }
152  to {
153    opacity: 0;
154    transform: translateY(-10px);
155  }
156}