:root {
  --dark: #333;
  --white: #fff;
  --red: #ff5b5b;
  --green: #5bff5b;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  color: var(--white);
}

body {
  background: var(--dark) !important;
}

.arrow {
  opacity: 0;
  transform: scale(30) rotate(110deg);
  transform-origin: top;
  position: absolute;
  bottom: 30px;
  right: 40px;
  animation: show 5s ease-in forwards 12.5s;
}

.arrow svg {
  fill: white;
  transform: translate(0, 2px);
  width: 20px;
}

@keyframes show {
  from { opacity: 0 }
  to { opacity: 1 }
}