@font-face {
  font-family: "Mess";
  src:
    url("fonts/Mess_Light.otf")
}

.main{
  display: flex;
  justify-content: center;
  color: black;
  width: 100%;
  height: 100%;
  font-size: 60px;
  font-family: mess;
  text-align: justify;
}

p {
  width: 80%;
  height: 50%;
}

html, body {
  height: 100%;
  width: 100%;
}

.main p span:hover, .main p span:hover + span{
  font-family: monospace;
  font-size: 100px;
}