html,body{width:100%;height:100%;font-family:"Helvetica Neue",sans-serif;font-weight:200}#main{position:relative}.nav{text-align:right;padding:20px 20px 20px 0;border:1px solid #CCC;border-width:0 0 1px 0;margin:0 0 40px 0;background:#EEE}.nav a{display:inline-block;margin:0 10px;color:#999;text-decoration:none;-webkit-transition:color 0.25s linear;-moz-transition:color 0.25s linear;-ms-transition:color 0.25s linear;-o-transition:color 0.25s linear;transition:color 0.25s linear}.nav a.home{float:left}.nav:hover a{color:#777}.home_page{display:block;margin:60px auto 50px auto;width:80%;min-width:800px;max-width:1200px}.hi{font-size:30px}.intro{font-size:20px;margin:0 0 20px 0}.foreword{font-size:16px}picture{display:block;background:url("/static/main_site/img/my_face_500.jpg?7472adc890e9");background-repeat:no-repeat;background-size:100%;width:184px;height:251px;margin:0 0 64px 64px;float:right}.year .year_number{margin:48px 0 12px 0}.detail_page h1{margin:0 0 20px 0}.detail_page .year .project{margin-left:0px}.year .project{display:block;margin:0 0 30px 3%;text-decoration:none;color:#454545}.project .picture{display:none;float:left;width:100px;height:100px;background-color:#AAA;margin:0 20px 0 0}.project .title{display:block;font-size:30px;color:#222}a.project:hover .title{text-decoration:underline}.project .summary{color:#777;font-size:16px;margin:0 10% 0 0}.project .status{display:block;float:right;background-color:#454545;color:#DDD;padding:4px 8px;border-radius:4px}.project .status .status_text{}.project .status.success{background-color:#98eb8a;color:#FFF}.project .status.failed{background-color:#e5888a;color:#FFF}.project .status.who_knows{background-color:#e7dc8b;color:#FFF}.project .status.lived{background-color:#98eb8a;color:#FFF}.year_number{font-size:40px}@media (max-width:600px){.home_page{min-width:inherit;width:95%}.year .year_number{border:1px solid #AAA;border-width:0 0 1px 0}.year .project{margin:0 0 30px 0}.project .status{margin-top:6px}.hi{display:block}picture{float:none;margin:0 auto 40px auto}.intro{margin-bottom:10px}.foreword{font-size:14px;margin:0}}@media (min-width:600px) and (max-width:1024px){.home_page{min-width:inherit;width:95%}.year .year_number{border:1px solid #AAA;border-width:0 0 1px 0}.year .project{margin:0 0 30px 0}.project .status{margin-top:6px}}