html {
  font-size: 20px;
}

body {
  font-family: "Nunito", sans-serif !important;
  font-optical-sizing: auto;
  color: white;
}

.hero {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: black;
}

.hero img.poi-logo {
  width: 6rem;
}

.hero h1 {
  color: #fffbec;
}

.hero h2 {
  color: #e1ddd5;
}

.hero .btn-primary {
  background-color: #cc5200;
  border: 1px solid #cc5200;
}

.about {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #cc5200;
  background-image:
    radial-gradient(ellipse at 10% 90%, #f86309 0%, transparent 55%),
    radial-gradient(ellipse at 90% 90%, #e23e15 0%, transparent 55%),
    radial-gradient(ellipse at 90% 10%, #f86309 0%, transparent 55%),
    radial-gradient(ellipse at 10% 10%, #c33c65 0%, transparent 55%);
}

.commands {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: black;
}

.footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: rgb(33, 37, 41);
}

.policy {
  padding-bottom: 5rem;
  background-color: #181a1b;
}