body
{
	background: repeat url("src/emoesamtklein.jpg");
	background-attachment: fixed;
}


#middletext 
{
	position: relative;
	top: 10%;
	left: 15%;
	width: 70%;
	
	font-size: 35px;
	font-family: 'Caveat', cursive;
	background: rgba(255, 255, 255, 0.5);
	border: 5px solid;
	border-color: rgba(255, 255, 255, 0.2);
}

#head
{

	
	font-size: 50px;
	font-family: 'Dancing Script';
	font-weight:700;
}
	#butt
{
	width: 10%; 
}

@media (orientation: portrait) 
{
	#middletext 
{
	position: relative;
	top: 5%;
	left: 5%;
	width: 90%;
	
	font-size: 30px;
	font-family: 'Caveat', cursive;
	background: rgba(255, 255, 255, 0.5);
	border: 5px solid;
	border-color: rgba(255, 255, 255, 0.2);
}
	#head
{
	font-size: 40px;
	font-family: 'Dancing Script';
	font-weight:700;
}
	#butt
{
	width: 15%; 
}
}