#title-name-container {
  font-size: 10em;
  margin: auto;
  padding: 1em;
  padding-bottom: 0;
  text-align: left;
  line-height: 0.9;
  word-wrap: break-word;
  text-overflow: ellipsis;
  height: 100vh;
  width: 50%;
  animation: 1s ease 0.1s 1 scale-in;
  animation-fill-mode: backwards;
}

@media only screen and (max-width: 600px) {
  #title-name-container {
    font-size: 3em;
    padding: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@keyframes scale-in {
  0% {
    opacity: 0;
    line-height: 0.1;
  }

  100% {
    opacity: 1;
    line-height: 0.9;
  }
}