@charset "utf-8";
@font-face {font-family: 'S-CoreDream-3Light';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');font-weight: normal;font-style: normal;}

nav{width:200px;background-color:#eee;border-right:1px solid #ddd;position:fixed;height:100%;}
h1{font-size:18px;padding:20px;}
.menu li a{height:30px;line-height: 30px;display:block;padding:0 20px;font-size:12px;color:#555;}
.menu li a:hover{background-color:yellowgreen;color:#fff;}
section{padding-left:220px;}
section a{text-decoration: none;color:inherit;}
.up{width:50px;height:50px;position:fixed;bottom:50px;right:50px;line-height: 50px;text-align: center;background:#bbb;text-decoration: none;display:none;}


@media screen and (max-width:500px){
    nav{position:relative;width:100%;text-align: center;}
    ul{list-style: none;padding:0px;}
    section{padding:0px;}
    .up{display:block;height:50px;position:fixed;bottom:20px;right:20px;line-height: 50px;text-align: center;background:#bbb;text-decoration: none;
}