@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --text-color: #3f3e3e;
  --primary-color: #ab2933;
  --button-hover: #5B161A;
}

body {
  box-sizing: border-box;
  font-family: "Roboto";
  font-size: 1rem;
  line-height: 1.3;
}

a,
a:visited {
  color: var(--text-color);
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

a:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

h1,
.h1 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

h2,
.h2 {
  color: var(--primary-color);
}

.maintenance-page header {
  box-shadow: none;
      margin-top: 2rem;
}

.maintenance-page a{
  max-height: 8rem;
}

.maintenance-page img {
  display: block;
  max-height: 8rem;
}