1@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;500;700;900&display=swap");
  2
  3::-webkit-scrollbar {
  4  width: 10px;
  5}
  6
  7::-webkit-scrollbar-track-piece {
  8  background-color: #393939;
  9}
 10
 11::-webkit-scrollbar-thumb {
 12  background-color: #ffffff;
 13}
 14
 15html {
 16  scrollbar-color: #ffffff #393939;
 17  scrollbar-width: thin;
 18}
 19
 20body {
 21  position: relative;
 22  margin: 0;
 23  font-family: "Source Sans Pro";
 24  color: white;
 25  background: #000000;
 26  font-weight: 200;
 27  text-shadow: 0px 0px 5px black;
 28  width: 100vw;
 29  height: 100vh;
 30}
 31
 32.images {
 33  height: 100vh;
 34}
 35
 36.card {
 37  position: relative;
 38  text-align: center;
 39  height: 100vh;
 40  width: 100%;
 41  scroll-snap-align: start;
 42  background-position: center;
 43  background-repeat: no-repeat;
 44  background-size: contain;
 45}
 46
 47.submenu {
 48  position: absolute;
 49  right: 20px;
 50  bottom: 20px;
 51  background: #000000bf;
 52  padding: 20px;
 53}
 54.description {
 55  position: absolute;
 56  left: 20px;
 57  bottom: 20px;
 58  background: #000000bf;
 59  padding: 20px;
 60}
 61.title {
 62  position: absolute;
 63  left: 20px;
 64  top: 20px;
 65  font-size: 32px;
 66  font-weight: 300;
 67  background: #000000bf;
 68  padding: 20px;
 69}
 70#container {
 71  position: relative;
 72  width: 100%;
 73  height: 100vh;
 74  scroll-snap-type: y mandatory;
 75  overflow-y: scroll;
 76}
 77#home-link {
 78  position: absolute;
 79  top: 40px;
 80  right: 40px;
 81}
 82#home-link-a {
 83  color: white;
 84  text-decoration: none;
 85  font-size: 32px;
 86  font-weight: 400;
 87}
 88#home-icon {
 89  width: 32px;
 90  height: 32px;
 91}
 92a {
 93  color: white;
 94}
 95#image-0 {
 96  background-image: url(assets/images/GreekArchitecture.png);
 97}
 98#image-1 {
 99  background-image: url(assets/images/WheatField.jpg);
100}
101#image-2 {
102  background-image: url(assets/images/RailroadUtilityPoles.webp);
103}
104#image-3 {
105  background-image: url(assets/images/ApocalypticBuildings.png);
106}
107#image-4 {
108  background-image: url(assets/images/LedBulb.png);
109}
110#image-5 {
111  background-image: url(assets/images/90s-train.webp);
112}
113#image-6 {
114  background-image: url(assets/images/v4-4by3-compressed.png);
115}
116#image-7 {
117  background-image: url(assets/images/OkNotOk.png);
118}
119#image-8 {
120  background-image: url(assets/images/SnakeScales.png);
121}
122#image-9 {
123  background-image: url(assets/images/HarmonicCircles.webp);
124}
125#image-10 {
126  background-image: url(assets/images/Raindrops.png);
127}
128#image-11 {
129  background-image: url(assets/images/Lanterns.webp);
130}
131#image-12 {
132  background-image: url(assets/images/ModernArchitecture.webp);
133}
134#image-13 {
135  background-image: url(assets/images/OneYearInDesign.jpg);
136}
137#image-14 {
138  background-image: url(assets/images/ChannelNb5.png);
139}
140#image-15 {
141  background-image: url(assets/images/LightBulb.png);
142}
143#image-16 {
144  background-image: url(assets/images/Snowflake.png);
145}
146#image-17 {
147  background-image: url(assets/images/Wireframe.png);
148}
149#image-18 {
150  background-image: url(assets/images/Forest.png);
151}
152#image-19 {
153  background-image: url(assets/images/BlackHole.png);
154}
155#image-20 {
156  background-image: url(assets/images/gpucam2nightcompressed.jpg);
157}
158#image-21 {
159  background-image: url(assets/images/V5.Camera.003.Frame185.1080p.Bilinear.png);
160}
161#image-22 {
162  background-image: url(assets/images/hair.webp);
163}
164#image-23 {
165  background-image: url(assets/images/lowpolyroom_main_render_128_adaptive_denoised.png);
166}
167#image-24 {
168  background-image: url(assets/images/menger_outputnopostprocessing_simplified_hires_denoised.webp);
169}
170#image-25 {
171  background-image: url(assets/images/metaballhell_32by9.png);
172}
173#image-26 {
174  background-image: url(assets/images/Midge.webp);
175}
176#image-27 {
177  background-image: url(assets/images/backrooms.webp);
178}
179#image-28 {
180  background-image: url(assets/images/glasspillars.webp);
181}
182#image-29 {
183  background-image: url(assets/images/profile.png);
184}
185#image-30 {
186  background-image: url(assets/images/Sail.webp);
187}
188#image-31 {
189  background-image: url(assets/images/sunset_2.webp);
190}
191#image-32 {
192  background-image: url(assets/images/keyswitch_cam2.png);
193}