@font-face {
  font-family: 'Salter Roman';
  src: url('fonts/Salter-Roman.otf') format('opentype'),
       url('fonts/Salter-Roman.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  overflow: hidden; /* Prevents scrolling */
}

#myText {
  font-family: 'Salter Roman';
  transition: 0.3s;
  font-size: 80px; /* 2.5 times larger than before */
  padding: 0 10px; /* Add padding to the sides */
  cursor: pointer; /* Change cursor to pointer */
}

#myText:hover {
  text-transform: uppercase;
}

#myText:not(:hover) {
  transition-delay: 0.1s;
}