/* Dark mode theme */
@media (prefers-color-scheme: dark) {
    body {
      background-color: #2a2a2a;
      font-family: "Roboto", sans-serif;
    }

    a {
      color: rgb(255, 132, 0);
    }

    .container {
      text-align: center;
      margin: 2px;
      border-top: 4px solid rgb(255, 132, 0);
      border-radius: 6px;
      margin-top: 2%;
      width: 35%;
      min-height: 15vh;
      margin-left: auto;
      margin-right: auto;
      color: white;
      background-color: rgb(0, 0, 0);
    }
  }

  /* White theme */
  @media (prefers-color-scheme: light) {
    body {
      background-color: #f0f0f0;
      font-family: "Roboto", sans-serif;
    }

    .container {
      text-align: center;
      margin: 2px;
      border-top: 4px solid rgb(255, 132, 0);
      margin-top: 2%;
      width: 35%;
      min-height: 15vh;
      margin-left: auto;
      margin-right: auto;
      background-color: white;
    }
  }