* {
      box-sizing: border-box;
    }

html {
      scroll-behavior: smooth;
    }

body {
      margin: 0;
      color: var(--color-dark);
      background: var(--color-cream);
      font-family: "Inter", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.75;
    }

body.menu-open {
      overflow: hidden;
    }

a {
      color: inherit;
      text-decoration: none;
    }

button,
    input,
    textarea {
      font: inherit;
    }

.container {
      width: min(100% - 40px, var(--container));
      margin: 0 auto;
    }