frontend/marko/page/data/components/changes-page/style.less

.changes-page {
  width: 90%;
  max-width: 95ch;
  margin: auto;

  > p {
    text-align: center;
  }

  h1 {
    font-weight: 200;
    text-align: center;
  }

  .header {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 1em;
    
    h1 {
      display: block;
      margin-bottom: 0;
    }
    
    a {
      vertical-align: middle;
      display: inline-block;
      padding: 0.5em 0.5ch 0.5em 0.5ch;
      opacity: 0.5;
    }
    a:hover {
      cursor: pointer;
      opacity: 1;
    }
  }

  .show-more-button {
    margin: 1em 0;
    padding: 0.5em 2em;
    font-size: 2em;
    text-align: center;
    user-select: none;
    display: block;

    color: #DA1;
  }

  .show-more-button:hover {
    cursor: pointer;

    text-decoration: underline;
  }
}