@keyframes rotate{
	0%		{transform: rotate(0deg);}
	100% 	{transform: rotate(180deg);}
}
/*@font-face{}*/
body{
	background-image: url('../img/myroombackground.png');
			background-repeat: no-repeat;
  			background-attachment: fixed;
  			background-size: 100vw 100vh;

}
article{
	background-color: transparent;
	margin-left: 20px;
	margin-bottom: 100px;
}

.intro{
  background-color:transparent;
  font-size:30px;
  font-family: afronaut;
  font-style:italic;
  font-weight:bold;
  text-align: center;
  color:white;
  letter-spacing: 3px;
  color: lightblue;
  text-shadow: 2px 2px 2px #1d55a3;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  	 	z-index: 0;

}
.sun{
	top: 10px;
	width: 25vw;
	margin-top: 80px;
	transition: transform 10s;
	animation: rotate 2s infinite;
	float: left;
	animation-timing-function:linear;
	position: absolute;
	background-color: transparent;
	shadow: 2px 2px 5px black;
		 	z-index: 0;

	}
.door{
	width: 90px;
	margin-left: 40vw;
	margin-top: 49vh;
	position: absolute;
	shadow: 0 0 3px black;
	 transition: transform ease 300ms;
	 	z-index: 0;

}
.door:hover {
  transform: translate(-90px, 0px);
}
.backdoor{
	width: 131px;
	margin-left: 38.5vw;
	margin-top: 47.3vh;
	position: absolute;
	shadow: 0 0 3px black;
	 	z-index: -1;
}
.OPEN{
	width: 200px;
	color: transparent;
	font-size: 200px;
	margin-left: 40vw;
	margin-top: 45vh;
	position: absolute;
	 	z-index: -1;
}
.house{
	width: 600px;
	margin-left: 26vw ;
	margin-top: 5vh;
	position: absolute;
	shadow: 0 0 3px black;
	 	z-index: -2;
}
.fence-one{
	width: 600px;
	margin-left: -9.5vw ;
	margin-top: 56vh;
	position: absolute;
	shadow: 0 0 3px black;
	 	z-index: 0;
}
.fence-two{
	width: 600px;
	margin-left: 63vw ;
	margin-top: 56vh;
	position: absolute;
	shadow: 0 0 3px black;
	 	z-index: 0;
}
.fence-three{
	width: 600px;
	margin-left: 120vw ;
	margin-top: 56vh;
	position: absolute;
	shadow: 0 0 3px black;
	 	z-index: 0;
}
.me{
	width: 400px;
	margin-left: 92vw ;
	margin-top:23vh ;
	position: absolute;
	shadow: 0 0 3px black;
	 	z-index: 0;
}
.box{
	background-color: white;
	padding: 10px ;
	width: 400px;
	top: 600px;
	margin-left: 95vw;
	text-align: center;
	margin-top: ;
	border-radius:55% ;
	font-family: sigmund-pro, sans-serif;
font-weight: 400;
font-style: normal;
}
.box-two{
	background-color: white;
	padding: 10px;
	width: 400px;
	top: 300px;
	margin-top: -5vh;
	margin-left: 130vw;
	text-align: center;
	margin-top: ;
	border-radius: 10% ;
font-family: sigmund-pro, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 10pt;
}
a:link, a:visited  {
  color: transparent;
  background-color: transparent;
  text-decoration: none;}
a{
	transform: shift;
}
a{
	cursor:url("flowerlady.cur");
    }