/* style.css */
html {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAxGVYSWZNTQAqAAAACAAGARIAAwAAAAEAAQAAARoABQAAAAEAAABWARsABQAAAAEAAABeASgAAwAAAAEAAgAAATEAAgAAABMAAABmh2kABAAAAAEAAAB6AAAAAAAAAEgAAAABAAAASAAAAAFQaXhlbG1hdG9yIFBybyA0LjAAAAAEkAQAAgAAABQAAACwoAEAAwAAAAEAAQAAoAIABAAAAAEAAAAQoAMABAAAAAEAAAAQAAAAADIwMjY6MDU6MjUgMDI6MjQ6NDkAOW2MrwAAAAlwSFlzAAALEwAACxMBAJqcGAAAA3ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPlBpeGVsbWF0b3IgUHJvIDQuMDwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAyNi0wNS0yNVQwMjoyNDo0OTwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjMyPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4zMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgrXv8lbAAAA70lEQVQ4EZWSPQrCQBCFsyo2ImonSWvjTew8rI2X8ARa2wlJsFTj98IuzMruggOP+Xt5OzNaVQUbhmErFCj5Fh+uwcVjnWPOcg3qK7D3fcWtjyNXEhhgvjxbcdImyeofxZLA2+jY2JSralyBQy2pas8wqnwNHJDVcD74kMt3zrmno9GQnMAO2Jc0nYRlPZBAMPWu4KgJpDYHKtqVwmuUx74VUG8BpiOJKTYk9rfWCprsDGQHcAf2gZYVHmomDVHt3XvoHkmzir8E+x+xccQrCUTEXJJV5gPdJ/TtQSOtQIiKPunwNxOnOOUaB2yEEusLfRRNlVw9/8sAAAAASUVORK5CYII=") 8 8, auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
}

html -webkit-scrollbar {
  display: none;
}

.heading, .subheading {
  color: #fff;
}

.text {
  color: #fff;
  max-width: 500px;
}

.link {
  color: #4169e1;
  cursor: url("data:image/png;base64,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") 8 8, auto;
  text-decoration: none;
}

.body {
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  background-color: #000;
  height: 100%;
  margin: 0;
}

.section {
  display: flex;
  scroll-snap-align: start;
  justify-content: center;
  align-items:  center;
  height: 100vh;
}

.title {
  display: flex;
  text-align: center;
  scroll-snap-align: start;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  height: 100vh;
}

.bottom {
  position: fixed;
  color: #fff;
  opacity: 1;
  width: 32px;
  height: 32px;
  transition: opacity .1s ease-in-out;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.bottom.hidden {
  opacity: 0;
  pointer-events: none;
}

.section-with-image {
  display: flex;
  flex-direction: row;
  align-items:  center;
  gap: 40px;
}

.section-image {
  object-fit: contain;
  flex-shrink: 0;
  width: 150px;
  height: 150px;
}

.section-text {
  max-width: 500px;
}

.button {
  color: #000;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAxGVYSWZNTQAqAAAACAAGARIAAwAAAAEAAQAAARoABQAAAAEAAABWARsABQAAAAEAAABeASgAAwAAAAEAAgAAATEAAgAAABMAAABmh2kABAAAAAEAAAB6AAAAAAAAAEgAAAABAAAASAAAAAFQaXhlbG1hdG9yIFBybyA0LjAAAAAEkAQAAgAAABQAAACwoAEAAwAAAAEAAQAAoAIABAAAAAEAAAAQoAMABAAAAAEAAAAQAAAAADIwMjY6MDU6MjUgMDI6MjQ6NDkAOW2MrwAAAAlwSFlzAAALEwAACxMBAJqcGAAAA3ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPlBpeGVsbWF0b3IgUHJvIDQuMDwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAyNi0wNS0yNVQwMjoyNDo0OTwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjMyPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4zMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgrXv8lbAAAA70lEQVQ4EZWSPQrCQBCFsyo2ImonSWvjTew8rI2X8ARa2wlJsFTj98IuzMruggOP+Xt5OzNaVQUbhmErFCj5Fh+uwcVjnWPOcg3qK7D3fcWtjyNXEhhgvjxbcdImyeofxZLA2+jY2JSralyBQy2pas8wqnwNHJDVcD74kMt3zrmno9GQnMAO2Jc0nYRlPZBAMPWu4KgJpDYHKtqVwmuUx74VUG8BpiOJKTYk9rfWCprsDGQHcAf2gZYVHmomDVHt3XvoHkmzir8E+x+xccQrCUTEXJJV5gPdJ/TtQSOtQIiKPunwNxOnOOUaB2yEEusLfRRNlVw9/8sAAAAASUVORK5CYII=") 8 8, auto;
  background-color: #fff;
  border: none;
  border-radius: 16px;
  margin: 4px 2px;
  padding: 7px 14px;
}

.social-button {
  color: #000;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAxGVYSWZNTQAqAAAACAAGARIAAwAAAAEAAQAAARoABQAAAAEAAABWARsABQAAAAEAAABeASgAAwAAAAEAAgAAATEAAgAAABMAAABmh2kABAAAAAEAAAB6AAAAAAAAAEgAAAABAAAASAAAAAFQaXhlbG1hdG9yIFBybyA0LjAAAAAEkAQAAgAAABQAAACwoAEAAwAAAAEAAQAAoAIABAAAAAEAAAAQoAMABAAAAAEAAAAQAAAAADIwMjY6MDU6MjUgMDI6MjQ6NDkAOW2MrwAAAAlwSFlzAAALEwAACxMBAJqcGAAAA3ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPlBpeGVsbWF0b3IgUHJvIDQuMDwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAyNi0wNS0yNVQwMjoyNDo0OTwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjMyPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4zMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgrXv8lbAAAA70lEQVQ4EZWSPQrCQBCFsyo2ImonSWvjTew8rI2X8ARa2wlJsFTj98IuzMruggOP+Xt5OzNaVQUbhmErFCj5Fh+uwcVjnWPOcg3qK7D3fcWtjyNXEhhgvjxbcdImyeofxZLA2+jY2JSralyBQy2pas8wqnwNHJDVcD74kMt3zrmno9GQnMAO2Jc0nYRlPZBAMPWu4KgJpDYHKtqVwmuUx74VUG8BpiOJKTYk9rfWCprsDGQHcAf2gZYVHmomDVHt3XvoHkmzir8E+x+xccQrCUTEXJJV5gPdJ/TtQSOtQIiKPunwNxOnOOUaB2yEEusLfRRNlVw9/8sAAAAASUVORK5CYII=") 8 8, auto;
  background-color: #fff;
  border: none;
  border-radius: 64px;
  margin: 4px 2px;
  padding: 10px;
}

.button-icon {
  vertical-align: middle;
  width: 32px;
  height: 32px;
}