*
{
	padding: 0;
	margin: 0;
}
html{
	min-height: 100%;
	background-size: cover;
	background-image: url("../images/1.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}
body{
	min-height: 100%;
}
.content{
    position:relative;
    width: 580px;
    margin:50px auto;
    font-family:"Josefin Slab", Arial, sans-serif;
    font-size:13px;
    text-align:center;
    font-weight:bolder;
}
.content_title
{
    margin:0px;
    padding:20px;
    font-size:58px;
    color:blank;
    text-align:center;
    text-shadow:0px 0px 10px #000;
}
.menu{
    padding:50px 0px;
    margin:0 auto;
    position:relative;
    background:rgba(0,0,0,0.7);
    width:500px;
    height:400px;
    border-radius:250px;
    transition:background-color 0.5s ease-in-out;
}
.menu:hover{
    background:rgba(0,0,0,0.4);
}
.menu li{
    font-size:40px;
    display:block;
    line-height:66px;
}
.menu li a{
    color:WHITE;
    white-space:nowrap;
    display:block;
    text-align:center;
    text-transform:uppercase;
    text-shadow:0px 0px 3px #fff;
    letter-spacing:1px;
    transform:scale(0.8);
    transition:all 0.4s linear;
}
.menu:hover li a{
    text-shadow:0px 0px 10px #fff;
    color:transparent;
}
.menu li a:hover{
    text-shadow:none;
    color:#fff;
    background:rgba(129,6,29,0.8);
    transform:scale(1);
}