@import url(style.css);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #ffffff;
  width: 375px; /* iPhone 14 기준 */
  height: 100dvh;
  margin: 0 auto; /* 데스크탑에서 볼 때 가운데 정렬 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family:
    "Paperlogy",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  overflow: hidden;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 812px;
  gap: 28px;
  animation: fadeIn 0.8s ease forwards;
}

.logo {
  width: 170px;
  height: 160px;
}

.slogan {
  font-size: 22px;
  font-weight: 600;
  color: var(--green-700);
  letter-spacing: -0.02em;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}