html, body { margin:0; padding:0; width:100%; height:100%; color:#fff; font-family:"Oswald","Arial",sans-serif; }
h1 { font-weight:normal; font-size:300%; line-height:.9em; margin:0; padding:20px; text-shadow:3px 3px 6px rgba(0,0,0,0.8); }
.content { position:fixed; bottom:8%; left:50%; transform:translateX(-50%); max-width:1000px; width:100%; }
#vasya { background-image:url('vasyaz2.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; height:100%; margin:0; padding:0; border:0; text-align:center; }

.underline { text-decoration: none; border-bottom: 1px solid; color:#f9a602; }
a:link.underline, a:visited.underline { border-color: #f9a602; }
a:hover.underline { border-color: #f0b2b2 !important; color:#f0b2b2; }
.contacts { background-color:rgba(0,0,0,0.6); padding:10px; font-size:1.6em; text-shadow:3px 3px 6px rgba(0,0,0,0.8); }
.contacts {
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	   -moz-animation: fadein 2s; /* Firefox < 16 */
		-ms-animation: fadein 2s; /* Internet Explorer */
		 -o-animation: fadein 2s; /* Opera < 12.1 */
			animation: fadein 2s;
}
	@keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	/* Firefox < 16 */
	@-moz-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	/* Internet Explorer */
	@-ms-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	/* Opera < 12.1 */
	@-o-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
.contacts ul li { list-style:none; }

.social { font-size:200%; margin:20px; }
.social a { color:#fff; text-decoration:none; margin:0 8px; text-shadow:2px 2px 3px rgba(0,0,0,0.5); }
.social a:hover { color:#f0b2b2; }
.social .fb { color:#3b5998; }
.social .in { color:#FCAF45; }
.social .vk { color:#4c75a3; }