body{
    text-align: center;
}

.typewrite > .wrap {
    border-right: 0.08em solid #000000;
    animation: blink 0.7s infinite;
}

h1 {
  align-items: center; /* Vertically center elements */
}

.typewrite {
  text-align: center; /* Center the typewritten text horizontally */
  margin-left: 10px; /* Add some spacing between the main text and typewritten text */
}



@keyframes blink {
    0% { border-color: transparent; }
    50% { border-color: #000000; }
    100% { border-color: transparent; }
}

.test{
    color: var(--text-strong);
flex-grow: 1;
font-size: calc(var(--sizer)*1rem);
margin-left: auto;
margin-right: auto;
max-width: 50rem;
}

html, body {
    height: 100%;
  }
  
  body {
    display: flex;
    flex-direction: column;
  }
  
  .content {
    flex: 1;
  }
  
  footer {
    margin-top: auto;
  }