body{
background-image:url('background.jpg');
font-family:"Century Gothic B";
}
h1 {
color: orange;
}
.p
{
font-family:"Century Gothic";
font-size:20px;
}
.Welcome_Color {
	font-family:" Copperplate Gothic Bold";
	color:#FFF;
	font-size:50px;
	font-weight:bold;
	position:relative;
	left:-40px;
	top:700px;
}
.Matveys_Color {
	font-family:"Accent SF";
	color:white;
	font-size:30px;
	font-weight:bold;
	
}
.on_our_website {
    width:220px;
    padding:10px;
    border:1px solid gray;
    background-color:orange;
    height:340px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color:black;
    font-size:40px;
    text-align:center;
    
}



.home{
width:150px;
height:54px;
    background-color:orange;
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:black;
    font-size:25px;
    text-align:center;
    border:1px #0000CC;
    text-decoration:none;
}



.my_works{
width:150px;
height:54;
    background-color:orange;
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:black;
    font-size:25px;
    text-align:center;
    border:1px #0000CC;
    text-decoration:none;
}







.blog{
width:150px;
height:54;
    background-color:orange;
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:black;
    font-size:25px;
    text-align:center;
    border:1px #0000CC;
    text-decoration:none;
    
}



.games{
width:150px;
height:54;
    background-color:orange;
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:black;
    font-size:25px;
    text-align:center;
    border:1px #0000CC;
    text-decoration:none;
}


.about_us{
width:150px;
height:54;
    background-color:orange;
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:black;
    font-size:25px;
    text-align:center;
    border:1px #0000CC;
    text-decoration:none;
}

.contact_us{
width:150px;
height:54;
    background-color:orange;
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:black;
    font-size:25px;
    text-align:center;
    border:1px #0000CC;
    text-decoration:none;
}

.search_button{
width:55px;
height:32px;
background-color:red;
 -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:black;
    font-size:25px;
    text-align:center;
    border:1px #0000CC;
    
}

.news_box{
width:1000px;
height:300px;
    background-color:orange;
 -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color:black;
    font-size:50px;
    text-align:center;
    border:1px #0000CC;
}

.genre{
    width:220px;
    padding:10px;
    border:1px solid gray;
    background-color:orange;
    height:340px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color:black;
    font-size:40px;
    text-align:center;
    
}



.search_bar {
height:31px;
width:150px;
}


.social_box{
width:220px;
padding:10px;
height:40px;
boarder:1px solid gray;
background-color:orange;
-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.welcome_text{
width:1000px;
height:300px;
    background-color:none;
 -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color:white;
    font-size:40px;
    text-align:center;
    border:1px #0000CC;
}
.my_works_intro {
	font-family:" Copperplate Gothic Bold";
	color:#FFF;
	font-size:50px;
	font-weight:bold;
	position:relative;
	left:-40px;
	top:700px;
}
.blog_intro {
	font-family:" Copperplate Gothic Bold";
	color:#FFF;
	font-size:50px;
	font-weight:bold;
	position:relative;
	left:-40px;
	top:700px;
}
.game_intro {
	font-family:" Copperplate Gothic Bold";
	color:#FFF;
	font-size:50px;
	font-weight:bold;
	position:relative;
	left:-40px;
	top:700px;
}