html, body{
    margin:0;padding:0;
}
html{
    font-family:"Lora", serif;
}
body{
	background:#121212 url(/image/background.jpg) repeat top left;
}
a{color:#121212;text-decoration:underline;outline:none;}
a:hover,a:visited{color:#444444;text-decoration:underline;outline:none;}
#center {
    width:530px;
    position:relative;
    margin:15% auto 25px;
}
nav{
	height:40px;
    display:block;
    position:absolute;
    top:-30px;
}
nav ul {display:block;margin:0;padding:0;}
nav li {
	float:left;
	list-style:none;
	height:34px;
}
#about{
    color:#fff;
	display:block;
	font-family:"Georgia", serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 0 0 8px;
}
#about{background:transparent url(/image/about.png) no-repeat 0 0;width:76px;cursor:default;}
#about:hover{background:transparent url(/image/about.png) no-repeat 0 -40px;}
section {
    width:500px;
    background:#eee;
    -webkit-border-radius:10px;
    border-radius:10px;
	padding:15px;
    position:relative;
}
article{
    text-align:justify;
    font-size:20px;
    overflow:hidden;
    line-height:30px;
}
#photo{float:right;padding:0 0 10px 15px;}
#contact{float:right;clear:both;text-align:right;line-height:2rem;}

@media screen and (max-width: 576px) {
    article{
        font-size:13px;
        line-height:18px;
    }
    #center {
        width: 90%;
        min-width: 280px;
    }
    section {
        width: auto;
    }
    #photo{
        width:90px;
        padding-left:10px;
    }
    #contact{
        line-height:22px;
    }
}