.title {
  color: red;
  transition: 10s;
  font-size: 20px;
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  text-shadow: 2px 2px 0 #2eabff;
  font-weight: 600;
  width: 100%;
  height: 100%;
}

.title:hover {
  color: #2eabff;
  font-size: 100px;
  margin: 100px auto;
  width: 100%;
  height: 500px;
  line-height: 500px;
  text-shadow: 2px 2px 0 red;
  transform: rotate(45deg);
}