:root {
  --colorprimary: #333333;
  --colorsecondary: #669966;
  --coloraccent: #283d28;
  --ff: "Inter", sans-serif;
  /* --h1: bold 54px/64px var(-ff); */
  --h1: bold max(60px, 3vw)/max(68px) var(--ff);
  --h2: bold max(47.12px, 1vw)/max(36px) var(--ff);
  --h3: 200 max(29.21px, 1vw)/max(30px) var(--ff);
  --links: bold max(18px, 1vw)/max(18px) var(--ff);
  --p: 200 max(22px, 1vw)/max(25px) var(--ff);
  --subtext: bold max(12px, 1vw)/max(20px) var(--ff);
  --transition: 0.3s ease-in-out;
  --shadow: #00000030 0px 0px 10px 0px;
  --shadowdark: #00000030 0px 5px 10px 5px;
  --border: 1px solid var(--coloraccent);
  --border-radius: 10px;
}

.primary-color {
  color: #669966;
}

.secondary-color {
  color: #333333;
}

.text-border {
  text-shadow: 2px 2px #283d28;
}

.header.masthead .img {
  filter: blur(40px);
}

.logo {
  width: 10rem;
  height: 10rem;
}

.btn-new {
  --bs-btn-color: #fff;
  --bs-btn-bg: #669966;
  --bs-btn-border-color: #669966;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7bb97b;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333333;
  --bs-btn-active-border-color: #333333;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #669966;
  --bs-btn-disabled-border-color: #669966;
}

.square {
  height: 400px;
  width: 375px;
  border-radius: var(--border-radius);
  background-color: var(--colorsecondary);
  border: var(--border);
  box-sizing: border-box;
}

.whatsapp-square-grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
}


.whatsapp-form {
  padding-top: 50px;
  box-sizing: border-box;
}

.whatsapp-img-container {
  grid-row: 1;
  align-self: center;
  justify-self: center;
  padding-top: 50px;
}

.whatsapp-img {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  border: var(--border);
  object-fit: contain;
  background-color: white;
}


.whatsapp-qr-square {
  height: 200px;
  width: 200px;
  border-radius: var(--border-radius);
  background-color: white;
}

.whatsapp-square-grid p {
  grid-row: 2;
  font: var(--p);
  color: white;
  align-self: center;
  justify-self: center;
}