@keyframes brilho-automatico {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: inset 0 0 10px 15px rgba(252, 251, 251, 0.144), 1px 1px 150px rgb(2, 28, 255);
  }
  100% {
    box-shadow: none;
  }
}

@keyframes escrevendo {
  from { width: 0ch; }
  to { width: 11ch; } 
}

html, body, button {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'DM Sans'
  }

.apresentacao{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
  background-size: cover;
  background-position: center;
}
.apresentacao h1{
  color: black;
  display: inline-block; 
  width: 0ch;
  white-space: nowrap;
  overflow: hidden;
  animation: escrevendo 1s steps(40) forwards
}

.apresentacao button{
  width: 65px;
  height: 65px;
  border-radius:50%;
  border: none;
  background-color: transparent;
  cursor: pointer;
  animation: brilho-automatico 4s ease-in-out infinite;
}