:root {
  --primary: #4D91FF;
}

@font-face {
  font-family: "Premiera";

  src: local("Charter-Roman");
}

* {
  box-sizing: border-box;
}

body {
  font-family: system-ui;
  font-size: 1.25rem;
  line-height: 1.6;
  margin-block: 4.6875rem;
}

.container-fluid {
  max-width: 720px;
  margin-inline: auto;
}

h1 {
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 4rem;
}

p {
  margin-block: 1.6em;
}

figure {
  display: block;
  margin: 79px -80px;
}

figcaption {
  margin-block: 1.6em;
}

svg {
  display: block;
  max-width: 100%;
  height: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='25' cy='25' r='1' fill='black'/%3E%3Ccircle cx='75' cy='25' r='1' fill='black'/%3E%3Ccircle cx='25' cy='75' r='1' fill='black'/%3E%3Ccircle cx='75' cy='75' r='1' fill='black'/%3E%3C/svg%3E");
  background-size: calc(5.208333% * 0.4) auto;
  background-position: calc(50%);
}