html, body {
  margin: 0;
  padding: 0;
  font-family: Instrument Sans, system-ui, ui-sans-serif, sans-serif;
}

body {
  background-image: linear-gradient(70deg, #2b784c, #7e56a6);
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 100vh;
  padding: 16px;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  display: flow-root;
}