body {
  font-family: 'Gochi Hand', cursive;
	font-size: 2em;
	background-color: black;
	color: wheat;
}

.wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;   /*hide this to use the video controls*/
   overflow: hidden;
}
.wrapper video {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   visibility: hidden;
   display: none;
}

.mainwrapper {
	scroll-snap-align: center;
  width: 100%;
  height: 100%;
	/*display: flex;
	align-items: center;
    justify-content: center;*/
}

#wrapper2 {
  font-family: 'Gochi Hand', cursive;
  width: 800px;
	margin: 3em auto;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: top;
}

#wrapper2 h1 {
	font-size: 1em;
	color: white;
	margin-bottom: 0px;
}


#wrapper2 p {
	font-size: .6em;
	color: #EAA2A4;
	margin-left: auto;
	margin-right: auto;
}

.mainwrapper #goToVid {
  font-family: 'Gochi Hand', cursive;
  /* top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); */
  background-color: #555;
  color: white;
  font-size: 1em;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  z-index: 1;
  outline: 0;
}

/* .wrapper2 #title {
  font-family: 'Gochi Hand', cursive;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: white;
  font-size: 2em;
  padding: 12px 24px;
  border: none;
  border-radius: 5px;
  z-index: 1;
  outline: 0;
  visibility: visible;
  text-align: center;
  margin-top: 1em;
  width: 60%;
}

.wrapper2 #tribute {
  font-family: 'Gochi Hand', cursive;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: white;
  font-size: .9em;
  padding: 12px 24px;
  border: none;
  border-radius: 5px;
  z-index: 1;
  outline: 0;
  visibility: visible;
  text-align: center;
  margin-top: 1em;
  width: 60%;
}

.wrapper2 #paragraph1 {
  font-family: 'Gochi Hand', cursive;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: white;
  font-size: .6em;
  padding: 12px 24px;
  border: none;
  border-radius: 5px;
  z-index: 1;
  outline: 0;
  visibility: visible;
  text-align: center;
  margin-top: 1em;
  width: 60%;
  min-width: 40%;
}

.wrapper2 #paragraph2 {
  font-family: 'Gochi Hand', cursive;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: white;
  font-size: .6em;
  padding: 12px 24px;
  border: none;
  border-radius: 5px;
  z-index: 1;
  outline: 0;
  visibility: visible;
  text-align: center;
  margin-top: 1em;
  width: 60%;
  min-width: 40%;
} */

.wrapper2 .btnfixed:hover{
  background-color: grey;
}

.wrapper2 #beginStory:hover, #beginStory2:hover, #yes:hover, #no:hover, #mum:hover, #cat:hover, #wrap:hover, #burger:hover, #card:hover, #phone:hover, #homepage:hover {
  background-color: grey;
}