@charset "utf-8";
/* CSS Document */
/* Schriftart einbinden */
@font-face {
font-family: GOTHIC;
src: url('GOTHIC.TTF'); 
} 
body {
	background: url(paper.jpg);
	text-align:center;
	font-family: "GOTHIC", sans-serif;
	color: #333;
	}
h1 {
	letter-spacing: 5px;
	}	
	
#img {
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
     border-radius: 50%;
	 border: 4px solid #FFF;
	 width:90%; height: auto; 
	 max-width:250px;
	 -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
     -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
     box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	 margin-top: 2rem;
  transition: transform .2s; /* Animation */
	}
#img:hover {	
	transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
#name {
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
     border-radius: 0;
	 border: 0;
	 width:80%; height: auto; 
	 max-width:380px;
	 margin-top: 2rem;
     transition: transform .2s; /* Animation */
	}
#name:hover {	
	transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
#fb {
	 width:60px; height: auto; 
     transition: transform .2s; /* Animation */
	}
#fb:hover {	
	transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}