flipflop-scroll/demo/demo.css

A tiny vanilla JS library to scroll section by section

html, body { font-size: 14px; }

section {
  color: #fff;
  padding: 24px;
  overflow: hidden;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.4rem; }

.container { max-width: 800px; }

#madeby {
  background-color: rgba(255, 255, 255, 0.6);
  color: #252525;
  position: absolute;
  left: 24px;
  bottom: 32px;
  padding: 8px 12px;
}
#madeby a:hover { text-decoration: none; }

@media (min-width: 450px) {
  html, body { font-size: 15px; }
  section { padding: 32px; }
}

@media (min-width: 768px) {
  html, body { font-size: 17px; }
  section { padding: 64px; }
  .container { margin-left: 10%; }

  #madeby { left: 12%; }
}