html,body{
  width:100%;
  height:100%;
  margin: 0;
  padding: 0;
  font-family: arial;
  overflow-x: hidden;
  transition: background 0.5s;
}
#container{
  width: 100%;
  height: 100%;
  position: relative;
}
#title{
  color: black;
  font-size: 700%;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: transform 0.25s, color 0.25s;
}
#title:hover{
  transform: translate(-50%, -50%) scale(1.15);
}
#title:active{
  transform: translate(-50%, -50%) scale(0.9);
}