body {
	  display: flex;
	  min-height: 100vh;
	  flex-direction: column;
	}
	main {
	  flex: 1 0 auto;
	}
	h1.title, .footer-copyright a {
	  font-family: 'Montserrat', sans-serif;
	  text-transform: uppercase;
	  font-weight: 900;
	}
	/* start welcome animation */
	body.welcome {
	  background: #000;
	  overflow: hidden;
	  -webkit-font-smoothing: antialiased;
	}
	.welcome .splash {
	  height: 0px;
	  padding: 0px;
	  border: 130em solid #e2007a;
	  position: fixed;
	  left: 50%;
	  top: 100%;
	  display: block;
	  box-sizing: initial;
	  overflow: hidden;
	  border-radius: 50%;
	  transform: translate(-50%, -50%);
	  animation: puff 0.5s 1.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, borderRadius 0.2s 2.3s linear forwards;
	}
	.welcome #welcome {
	  background: #000;
	  width: 56px;
	  height: 56px;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  overflow: hidden;
	  opacity: 0;
	  transform: translate(-50%, -50%);
	  border-radius: 50%;
	  animation: init 0.5s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, moveDown 1s 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards, moveUp 1s 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards, materia 0.5s 2.7s cubic-bezier(0.86, 0, 0.07, 1) forwards, hide 2s 2.9s ease forwards;
	}
	.glow {
	  font-size: 4em;
	  color: #fff;
	  text-align: center;
	  animation: glow 1s ease-in-out infinite alternate;
	}
	@-webkit-keyframes glow {
	  from {
	    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
	  }
	  to {
	    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
	  }
	}
	/* moveIn */
	.welcome header {
	  opacity: 0;
	  animation: moveIn 2s 3.1s ease forwards;
	}
	@keyframes init {
	  0% {
	    width: 0px;
	    height: 0px;
	  }
	  100% {
	    width: 56px;
	    height: 56px;
	    margin-top: 0px;
	    opacity: 1;
	  }
	}
	@keyframes puff {
	  0% {
	    top: 100%;
	    height: 0px;
	    padding: 0px;
	  }
	  100% {
	    top: 50%;
	    height: 100%;
	    padding: 0px 100%;
	  }
	}
	@keyframes borderRadius {
	  0% {
	    border-radius: 50%;
	  }
	  100% {
	    border-radius: 0px;
	  }
	}
	@keyframes moveDown {
	  0% {
	    top: 50%;
	  }
	  50% {
	    top: 40%;
	  }
	  100% {
	    top: 100%;
	  }
	}
	@keyframes moveUp {
	  0% {
	    background: #000;
	    top: 100%;
	  }
	  50% {
	    top: 40%;
	  }
	  100% {
	    top: 50%;
	    background: #e2007a;
	  }
	}
	@keyframes materia {
	  0% {
	    background: #e2007a;
	  }
	  50% {
	    background: #e2007a;
	    top: 26px;
	  }
	  100% {
	    background: #000;
	    width: 100%;
	    height: 64px;
	    border-radius: 0px;
	    top: 26px;
	  }
	}
	@keyframes moveIn {
	  0% {
	    opacity: 0;
	  }
	  100% {
	    opacity: 1;
	  }
	}
	@keyframes hide {
	  0% {
	    opacity: 1;
	  }
	  100% {
	    opacity: 0;
	  }
	}
	.logo img {
	  position: absolute;
	  bottom: 0px;
	  left: 0px;
	}
	.logo p, h1, h2, h3, h4, h5 {
	  color: #FFF;
	  font-family: 'Montserrat', sans-serif;
	  margin-top: 150px;
	  text-align: center
	}
	h1, h2, h3, h4, h5 {
	  margin: 20px;
	}
h5 {
	color: darkmagenta;
}
	a {
	  color: #FFF;
	  text-decoration: none;
	}
	a:hover {
	  color: magenta;
	}