:root {
  --max-size: 300px;
}

.content-wrapper {
  padding-top: 20px;
}

.main-container-wrapper {
  background-color: #34aa75;

  min-height: 200px;

  box-shadow: 0 0 20px 1px rgba(201, 245, 240, 0.263);
}

.page-header {
  padding: 0;
  height: unset;
  gap: 10px;
}

.banner {
  width: 100%;
  display: flex;
}

h1 {
  font-family: "Deutsch Gothic";
  font-size: 48px;
  color: #a41f0a;

  text-shadow:
    1px 1px 1px var(--main-dark),
    0 0px 40px var(--main),
    0px 0px 2px var(--text-light);
}

h3 {
  margin-top: 10px;
}

a {
  font-family: "My type of font";
  text-decoration: none;
}

.container {
  padding: 10px;
}

.social-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-around;
}