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#container {
 32  position: relative;
 33  width: 100%;
 34  height: 100vh;
 35  scroll-snap-type: y mandatory;
 36  overflow-y: scroll;
 37}
 38
 39#series-container {
 40  display: flex;
 41}
 42
 43.film-series-container {
 44  position: relative;
 45  width: 512px;
 46  height: 512px;
 47  background-size: cover;
 48  background-position: center;
 49}
 50
 51.film-series-title {
 52  position: absolute;
 53  top: 32px;
 54  left: 32px;
 55  font-weight: 400;
 56  font-size: 32px;
 57}
 58
 59.film-series-shot-count {
 60  position: absolute;
 61  top: 32px;
 62  right: 32px;
 63  font-weight: 300;
 64  font-size: 24px;
 65  text-align: right;
 66}
 67
 68.film-series-tech-info {
 69  position: absolute;
 70  bottom: 32px;
 71  left: 32px;
 72  font-weight: 300;
 73  font-size: 24px;
 74}
 75
 76.film-series-shooting-dates {
 77  position: absolute;
 78  bottom: 32px;
 79  right: 32px;
 80  font-weight: 300;
 81  font-size: 24px;
 82  writing-mode: vertical-rl;
 83  text-align: right;
 84}
 85
 86.film-series-container-wrapper {
 87  color: white;
 88  text-decoration: none;
 89}
 90
 91#home-link {
 92  position: absolute;
 93  top: 40px;
 94  right: 40px;
 95}
 96#home-link-a {
 97  color: white;
 98  text-decoration: none;
 99  font-size: 32px;
100  font-weight: 400;
101}
102#home-icon {
103  width: 32px;
104  height: 32px;
105}