:root {
    --primary-color: #f7fdf8;
    --secondary-color: #252024;
    --accent-color: #eb6162;

    --main-font:'Noto Sans JP', sans-serif;

    background-color: var(--primary-color);
    color: var(--secondary-color);
    font-family: var(--main-font);
    font-feature-settings: "palt";
}

.main-title {
    display: grid;
    place-items: center;
    height: 100dvh;
}

.main-title__heading {
    font-size: 41px;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.fade-in {
    opacity: 0;
    animation: fade-in 1.2s ease-in forwards;
  }
  
  @keyframes fade-in {
    100% {
      opacity: 1;
    }
}