body{
  margin:0;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;

  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;

  background:#000000;
  color:#ffffff;
  font-family:sans-serif;
}

main{
  text-align:center;

  opacity:0;
  animation:fadeIn 3s ease forwards;
}

h1{
  font-size: clamp(14px, 2.8vw, 34px);
  font-weight:500;
  margin:0 0 1rem;
}

.logo{
  width:25vw;
  max-width:320px;
  min-width:120px;
  height:auto;
  margin-bottom:0rem;
}

p{
  color:#666;
  font-size: clamp(14px, 2.8vw, 34px);
  font-weight:400;
  margin:0;
}


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