:root {
      /* Fonts */
      --font-body: "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;
      --font-title: "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;

      /* Colours */
      --text-color: #454a49;
      --heading-color: #717675;
      --light-text-color: #707682;
      --link-color: #2188cd;
      --link-color-alt: #0d8c7d;
      --page-background: white;
      --element-background: #f4f6f5;
      --accent-color: var(--link-color-alt);
      --invalid-color: #cd6047;
      --brand-color: rgb(156, 114, 8);
    }

    body {
      font-family: var(--font-body);
      color: var(--text-color);
      background: var(--element-background);
    }

    .main {
      display: flex;
      flex-direction: column;
      height: 100dvh;
    }

    .banner {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      padding: 12px 24px;
      background: var(--text-color);
      color: #ffffff;
      text-align: center;
      font-size: 12px;
    }

    #company-logo {
      background-image: url("https://agt-uk.files.remix.app/restaurant-d7e3ff8f/orders/logo.png");
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      height: 128px;
    }