@font-face {
  font-family: quicksand;
  src: url(Quicksand.ttf);
  }

h1 {
  color: #637BF7;
}
body {
  background-image: linear-gradient(to bottom right, #5e64ff, #815eff,#a36af7, #a545ff, #321aba, #4f1aba, #4f1aba);
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  text-shadow: #090961 0px 0px 20px;
  font-family: quicksand;
  font-size:22px
}
a {
  color:#ffffff;
  margin: 20px;
}
.contact {
  font-size: 10px;
}
.hover {
  transition: font-size 1s ease;
}
.hover:hover {
  font-size: 40px;
}
.hover:not(:hover) {
  animation-name: nothover;
  animation-duration:1s;
  animation-fill-mode:forwards;
}
.navstuff {
  text-align:center;
  background-color: #637BF7;
  border-radius: 12px;
  font-size: 30px;
}