:root {
  color-scheme: light;
  font-family: Georgia, 'Times New Roman', serif;
  color: #202438;
  background: #fcf9f6;
}
* { box-sizing: border-box; }
body { margin: 0; }
.desktop { position: relative; width: 100%; max-width: 1920px; margin-inline: auto; }
.artwork { display: block; width: 100%; height: auto; }
.hotspot { position: absolute; display: block; border-radius: 12px; }
.hotspot:hover { background: rgb(124 83 232 / 9%); box-shadow: 0 0 0 3px rgb(124 83 232 / 35%); }
a:focus-visible { outline: 3px solid #5130b8; outline-offset: 5px; }
.facebook-icon { left: 88.2%; top: 4.5%; width: 3.5%; height: 5.2%; border-radius: 50%; }
.instagram-icon { left: 92.7%; top: 4.5%; width: 3.5%; height: 5.2%; border-radius: 50%; }
.facebook-text { left: 84%; top: 67.2%; width: 10%; height: 2.7%; border-radius: 3px; }
.facebook-button { left: 58%; top: 82.6%; width: 17.2%; height: 5.5%; }
.instagram-button { left: 76.7%; top: 82.6%; width: 17.3%; height: 5.5%; }
.mobile { display: none; }
@media (max-width: 767px) {
  .desktop { display: none; }
  .mobile { display: block; position: relative; width: 100%; margin-inline: auto; }
  .mobile .facebook-text { left: 18.5%; top: 74.8%; width: 17%; height: 2%; }
  .mobile .facebook-button { left: 14.25%; top: 82%; width: 34.65%; height: 5%; }
  .mobile .instagram-button { left: 51.45%; top: 82%; width: 34.55%; height: 5%; }
}