:root {
  --nz-black: #292829;
  --nz-black-darker: #202020;
  --nz-off-black: #58595b;

  --nz-green: #56d8b5;
  --nz-dark-green: #4dc4a4;
  --nz-light-green: #e5dcd3;
  --nz-lighter-green: #f0e6dd;

  --nz-blue: #48c8f4;

  --nz-smoke: #f6fbfa;
  --nz-smoke-dark: #d9f3ee;

  --bs-primary: var(--nz-green);
  --bs-secondary: var(--nz-light-green);
  --bs-dark: var(--nz-black);
  --bs-light: var(--nz-smoke);
  --bs-white: #ffffff;

  --btn-border-radius: 0.8rem;
  --card-border-radius: 1rem;
}

body {
  background-color: var(--nz-smoke);
}

/* Background */
.background {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
} 

.background-pattern {
  position: absolute;
  width: 100vw;
  opacity: 0.04;
}

/* Card */
.maintenance-card {
  max-width: 800px;
  padding: 4rem;
  background-color: var(--bs-white);
  border-radius: 1rem;
  position: relative;
}

.maintenance-card::after {
  position: absolute;
  content: " ";
  height: 100%;
  width: 100%;
  top: 30px;
  left: 30px;
  border-radius: 1rem;
  background-color: var(--bs-primary);
  z-index: -5;
}

.maintenance-card h1 {
  margin-bottom: 2rem;
  font-weight: bold;
}

.maintenance-card p {
  margin-bottom: 2rem;
}

.maintenance-card-text {
  margin-bottom: 4rem;
}

/* Footer */
.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer .footer-logo {
  max-width: 200px;
}