style2.css

@charset "UTF-8";
body{
	margin:0;
	padding:0;
		
}
#bg img {
	width: 100%;
	position: fixed;
	z-index:-99;
	top:0;
	left:0;
}

#content .menu .material-icons {
	color: #FFFFFF;
	font-size: 32px;
	float: right;
	margin-top: 13px;
	margin-right: 11px;
}
#content .menu-text {
	position: absolute;
	right: 52px;
	font-variant: small-caps;
	top: 18px;
	color:white;
}

.menu{
	animation-delay: 4s;
}
.news, .some_text, .contact{
	font-size:10px;
	transform: rotate(90deg);
	text-transform: uppercase;
	transform-origin: left top 0;
	color:white;
}

.news{
	position: absolute;
	top: 54px;
	right: -8px;
}

.some_text{
	position: absolute;
	top: 104px;
	right: -35px;
}

.contact{
	position: absolute;
	top: 180px;
	right:-27px;
	
}

.fa-facebook{
	position:absolute;
	top:243px;
	right:24px;
	color:white;
}

.fa-twitter{
	position:absolute;
	top:270px;
	right:20px;
	color:white;
}

.fa-pinterest{
	position:absolute;
	top:300px;
	right:20px;
	color:white;
}#content .left {
	float: left;
	position: relative;
	top: 164px;
	left: 135px;
	width: 431px;
}
#content .left h1 {
	color: #FFFFFF;
}
#content .left p {
	color: #FFFFFF;
	animation-delay:1s;
}
.left .buttons a {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 14px;
	border: 3px solid rgba(0,0,0,0);
	padding-left: 11px;
	padding-top: 7px;
	padding-right: 11px;
	padding-bottom: 5px;
	margin-top:10px;
	animation-delay: 4s;
}

.left .buttons{
	padding-top:20px;
}

.left .buttons a:hover{
	border: 3px solid #FFFFFF;
}