html, body, section {
    block-size: 100%;
  }
  
  html {
    scroll-snap-type: y mandatory;
  }
  
  section {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  section:nth-of-type(even) {
    color: white;
    background: black;
  }
  
  section:nth-of-type(odd) {
    color: black;
    background: white;
  }
  
  body {
    margin: 0;
    font-family: system-ui, sans-serif;
    font-size: 4rem;
  }
  
  button {
    font-family: system-ui, sans-serif;
    font-size: 2rem;
    padding: 6px;
    background-color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: bolder;
    color: rgb(255, 255, 255);
    border: solid 4px rgb(0, 183, 255);
    border-top-right-radius: 18px;
    border-bottom-left-radius: 18px;
  }