:root {
  background-color: #f4eee6;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-width: 320px;
  min-height: 100%;
}

body {
  background-color: #f4eee6;
}

main {
  display: block;
  width: 100%;
}

.holding-page {
  position: relative;
  width: 100%;
  max-width: 2208px;
  margin-inline: auto;
}

picture {
  display: block;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.instagram-link,
.email-link {
  position: absolute;
  display: block;
  border-radius: 0.25rem;
  cursor: pointer;
}

.instagram-link {
  top: 61.5%;
  left: 46%;
  width: 16%;
  height: 4.5%;
}

.email-link {
  top: 56.3%;
  left: 49.1%;
  width: 15.6%;
  height: 2.7%;
}

.instagram-link:focus-visible,
.email-link:focus-visible {
  outline: 3px solid #873b25;
  outline-offset: 3px;
}

@media (max-width: 768px) {
  .holding-page {
    max-width: 828px;
  }

  .instagram-link {
    top: 49.2%;
    left: 12%;
    width: 20%;
    height: 2.5%;
  }

  .email-link {
    top: 45.65%;
    left: 14.3%;
    width: 29.7%;
    height: 1.7%;
  }
}