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;
43background-repeat: no-repeat;
44background-size: contain;
45}
46
47.submenu{
48    position: absolute;
49right: 20px;
50bottom: 20px;
51background: #000000bf;
52padding: 20px;
53}
54.description{
55    position: absolute;
56left: 20px;
57bottom: 20px;
58background: #000000bf;
59padding: 20px;
60}
61.title{
62    position: absolute;
63left: 20px;
64top: 20px;
65font-size: 32px;
66font-weight: 300;
67background: #000000bf;
68padding: 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{
78position: absolute;
79top: 40px;
80right: 40px;
81}
82#home-link-a{
83    color: white;
84    text-decoration: none;
85font-size: 32px;
86font-weight: 400;
87}
88#home-icon{
89    width: 32px;
90    height: 32px;
91}
92
93#image-1{
94    background-image: url(assets/images/ginza-station-tokyo.jpg);
95}
96#image-2{
97    background-image: url(assets/images/bird-in-tree-japan.jpg);
98}