/* CSS files add styling rules to your content */

body {
  font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 2em;
}

h1 {
  font-style: italic;
  color: #373fff;
}

canvas {
  max-width: 100%;
  max-height: 60vh;
  margin-right: 2em;
}

section + section {
  margin-top: 3em;
}

button {
  font: inherit;
}

.menu {
  display: inline-block;
  vertical-align: top;
}

.formula {
  display: block;
  font-size: 1.2em;
  margin: 1em auto;
  text-align: center;
}

h2 {
  margin-top: 2em;
}

strong {
  font-size: 1.2em;
}

p {
  max-width: 65ch;
}