body 
{
	background-color: #87CEFA;
}
#leftname
{
	position: absolute;
  	top: 10vw;
  	left: 36.5vw; 
}
#rightname
{
	position: absolute;
  	top: 10vw;
  	right: 34.75vw; 
}
#leftage
{
	position: absolute;
  	top: 15vw;
  	left: 37vw; 
}
#rightage
{
	position: absolute;
  	top: 15vw;
  	right: 35.25vw; 
}
#yourname
{
	position: absolute;
  	top: 13vw;
  	left: 35vw; 
}
#theirname
{
	position: absolute;
  	top: 13vw;
  	right: 35vw; 
}
#yourage
{
 	position: absolute;
  	top: 18vw;
  	left: 35vw;
}
#theirage
{
 	position: absolute;
  	top: 18vw;
  	right: 35vw;
}
.middlefont
{
	position: absolute;
}
#momsbday
{
	top: 25vw;
	margin-left: 43vw;
}
#colortitle
{
  left: 43%;
  width: 20%;
	top: 63%;
}
#divider
{
	text-align: center;
	margin-top: 0%;
}
#heartpic
{
	width: 40%;
}
input[type=date]
{
	position: absolute;
  	top: 29vw;
  	right: 45vw;
  	width: 10vw;
}
input[type = color]
{
	position: absolute;
  	top: 34vw;
  	right: 45vw;
  	width: 10vw;
}
input[type=submit]
{
	position: absolute;
  	top: 37vw;
  	right: 40vw;
  	width: 20vw;
  	color: white;
  	border: 3vw;
  	border-color: #87CEFA;
  	padding: 10vw 6vw;
  	text-decoration: none;
  	margin: 4px 2px;
  	cursor: pointer;
  	margin: auto;
  	cursor: pointer;
	background: url(https://i.pinimg.com/originals/d6/af/ce/d6afce814d015f26297b60a802319583.gif);

}
h1
{
	font-family: Snell Roundhand, cursive;
	color: #FFFFFF;
	position: absolute;
  	top: 5px;
  	left: 35vw;
  	font-size: 65px;
}
#error
{
	font-family: Impact;
	color: #000000;
	position: relative;
  	top: 5px;
  	text-align: center;
  	font-size: 65px;
}
a
{
	font-family: Impact;
	color: #000000;
	position: absolute;
	left:40vw;
  	top: 20vw;
  	font-size: 65px;	
}
h2
{
	color: #FFFFFF;
	position: relative;
  	top: 5px;
  	text-align: center;
  	font-size: 30px;
}
#score
{
	color: #FFFFFF;
	position: absolute;
  	top: 12vw;
  	left: 45vw;
  	font-size: 140px;
  	z-index: 999;
}
h4
{
	font-family: Palatino;
	color: #FFFFFF;
}