<script>
  import { t } from "../../i18n"
</script>

<section aria-labelledby="tos-heading">
    <h1 id="tos-heading">{$t('terms.of.service.title')}</h1>
    <p><em>{$t('terms.of.service.update')}</em></p>

    {@html $t('terms.of.service.content')}
  </section>

  <style>
    section {
      width: 70%;
      margin: 0 auto;
    }
    h2 {
      font-size: 17px;
    }

    @media (max-width: 768px) {
        section {
            width: 100%;
        }
     }
  </style>