@font-face {
	font-family: 'notcomic';
	src: url('../fonts/NotComic.otf')
}

@keyframes anime {
	form {
		font-size: 0px;
	}
	to {
		font-size: 20vh;
	}
}

body {
	font-family: 'notcomic';
	background: white;
	  background: url(../images/back.svg) no-repeat center center fixed;
	width: 100vw;
	height: 100vh;
	text-align: center;
	position: fixed;
	line-height: 100vh;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


}

h1 {
	font-weight: normal;
	margin: 6vw;
}

main {
	line-height: 0;
  display: inline-block;
  vertical-align: middle;
	font-weight: normal;
	text-transform: uppercase;
  color: black;
	font-size: 4vw;
}

p {
	text-transform: inherit;
	font-size: 10vh
}

h1:hover  a {
	 -webkit-text-stroke: 1px black;
   color: white;
   text-shadow:
       6px 6px 0 #000,
     -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	transition: all .5s ease;
   color: white !important;
}

a {
	 text-decoration: none;
	color: black;
	transition: all .5s ease;
}