@charset "UTF-8";

.main {
  font-size: 17rem;
  text-align: center;
}

.text-center {
  color: var(--primary);
  font-size: 50rem;
  display: flex;
  align-items: center;
  gap: 30rem;
  justify-content: center;
  height: calc(100vh - 200rem);
  min-height: 450rem;
  font-family: "Queensides", sans-serif;
}

.text-center .clock {
  width: 50rem;
}

.text-center .link {
  width: 90rem;
}

.contact-us {
  background-color: color-mix(in srgb, var(--primary) 10%, var(--bg));
  padding: 80rem 10vw;
  padding-top: 40rem;
  font-size: 25rem;
  font-family: "Queensides", sans-serif;
  font-weight: bold;
  position: relative;
}

.contact-image {
  height: 70rem;
}

.contact-us h3 {
  font-size: 30rem;
  display: flex;
  align-items: baseline;
  gap: 30rem;
}

.contact-us p {
  font-size: 25rem;
  font-weight: lighter;
  padding: 0;
}

.contact-link {
  border-radius: 30rem;
  padding: 10rem 30rem;
  background-color: var(--primary);
  color: var(--bg);
  transition: all 0.2s ease-in-out;
  font-size: 16rem;
  font-family: "Open Sanss", sans-serif;
  font-weight: lighter;
  position: absolute;
  right: 15vw;
  bottom: 40rem;
}

.contact-link:hover {
  background-color: var(--bg);
  color: var(--primary);
  text-decoration: none;
}