.class-title {
    font-size: clamp(7.5rem, 9vw, 8.5rem);
    width: 100%; 
    font-family: monospace;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Mobile */

@media (max-width: 900px) {
    .hide-mobile {
      display: none;
    }
  }

body {
    height: 100vh;
    /* overflow: hidden; */
}

/* Effects */

.letter {
    transition: all .1s ease;
    color: black;
    transition: width 0.5s, height 0.5s, background-color 0.3s, border-radius 0.5s;

}

.neutral {
    color: black;
    background-color: none;
}


.rect {
    background-color: black;
    color: transparent;
}

.circle {
    background-color: black;
    border-radius: 50%;
    color: transparent;
}