* {
  box-sizing: border-box; }

body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  background: silver; }

.container {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .container .main {
    width: 40rem; }
    .container .main .site-header {
      font-weight: bold;
      text-align: center;
      height: 5rem; }
      .container .main .site-header .link {
        display: block;
        height: 100%;
        color: inherit;
        text-decoration: none; }
        .container .main .site-header .link .logo {
          height: 100%; }
    .container .main .nav {
      list-style-type: none;
      flex-direction: row;
      display: flex;
      justify-content: center;
      gap: 1rem;
      margin: 0;
      padding: 0; }
    .container .main .page-sub-header {
      text-align: center; }
    .container .main .back-to-top {
      display: block;
      text-align: center; }
      .container .main .back-to-top .link {
        display: inline-block;
        color: inherit;
        text-decoration: none; }
        .container .main .back-to-top .link .button {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 1rem;
          color: inherit;
          text-shadow: none;
          cursor: pointer;
          padding: 0.5rem; }
    .container .main .site-footer {
      font-size: 0.8rem;
      text-align: center; }