.page-container-wrapper {
   align-items: center;
}

.greeting-container {
   max-width: 900px;
   opacity: 0;
   animation: fadeIn 1s ease-out forwards;
}

.greeting-content {
   font-size: 1.2rem;
   line-height: 2;
   color: #444;
   word-break: keep-all;
   text-align: left;
}

.greeting-content p.m-b-30 {
   margin-bottom: 30px;
}

.emphasis {
   color: #3b82f6;
   font-family: 'NanumSquareEB';
}

@keyframes fadeIn {
   from {
      opacity: 0;
      transform: translateY(20px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}

@media (max-width: 768px) {
   .greeting-content {
      font-size: 1rem;
   }
}