@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

html {
  height: 100%;
}

body {
  font-family: "Montserrat", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
  margin: 0;
  padding: 0;
  height: 100%;
  max-width: 100dvw;
  max-height: 100dvh;
  overflow: hidden;
}

.content img {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.content .image {
  width: 100%;
  height: 100%;
}

.start-screen {
  position: absolute;
  background: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.start-screen svg {
  width: 100px;
  height: 100px;
  fill: #616569;
}

.start-screen + .click {
}

.start-screen + .swipe {
  display: none;
}

.content {
  height: 100%;
  max-height: calc(100dvh - 100px);
  background: #fdfefd;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}