@import url('https://fonts.googleapis.com/css?family=Bangers');
.text{
text-align:left;	
font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 30px;	
}
.cv{
 width:500px;
 height:300px;
 margin:-455px 675px;
 z-index:110;
 overflow:hidden;

 }
 textarea{
	  margin:0% 10%; 
width:400px;
 height:200px;	 
 }
 .form{
	  margin:0 auto;
 }
 .center{
	 width:400px;
	 margin:0 auto; 
 }
label{
	margin:0% 10%; 
font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 30px;	
}
.java{
 position: relative;
 top: 468px; left: 827px;
 width:92px;
 height:100px;
 background-image: url(../images/sprite.png);
   animation: play 1s steps(8) infinite;
 transition: all 2s;
 }
 .java:hover{
	 transform:rotate(360deg);
 }
@keyframes play { 
   0% { background-position: 0px 870px; } 
   100% { background-position: -880px 870px; }
   }
@media screen and (max-width: 1200px) { 
.text{
	margin:330px 0 0 98px;
	width:370px;
	height:100%;
	font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 20px;
}
.wrap{
margin:-1313px 94px auto;
float:none;
}
.menu{
width:220px;
margin:0 auto;
height:100px;
}
.content{
	float:none;
	margin:0338px 0px;
}
header{
	text-align:center;	
font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 22px;
	margin: 0 0 0 170px;
	width:100px;
}
form{
	  margin:0px 0px; 
width:200px;
 height:200px;	 
 }
 .cv{
 width:300px;
 height:210px;
 margin:2px 63px;
 z-index:110;
 overflow:hidden;

 }
 iframe{
	 margin:54px 94px auto;
 width:300px;
 height:200px;	
 }
  textarea{
	  margin:0% 10%; 
width:200px;
 height:100px;	 
 }
 .java{
	 position: relative;
 top: 0px; left: 185px; 
 }
}