@font-face{font-family:"NotoSansJP";src:url(../fonts/NotoSansJP-Regular.otf) format("opentype"),url(../fonts/NotoSansJP-Regular.woff) format("woff");font-weight:normal}@font-face{font-family:"Quicksand";src:url(../fonts/Quicksand-Regular.otf) format("opentype"),url(../fonts/Quicksand-Regular.woff) format("woff");font-weight:normal}*{margin:0;padding:0;font-style:normal;font-feature-settings:"pkna" 1}body{width:100vw;height:100vh;font-family:"NotoSansJP"}body a{color:black;text-decoration:none}body header{position:absolute;top:0;bottom:0;margin:auto 0;height:350px}body header .title{margin:20px 30px;display:inline-block;text-align:center}body header .title h1{font-family:"Quicksand";font-weight:400;font-size:4em;line-height:0.9em;border-bottom:1px solid black}body header .title h1 span{font-weight:100;font-size:0.4em}body main nav{position:absolute;top:0;bottom:0;margin:auto 0;height:1.5em}body main nav ul{font-size:0}body main nav ul li{list-style-type:none;font-size:medium;text-align:center;display:inline-block;margin-left:7px;width:10em}body main nav ul li a{color:#6F6F6F;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}body main nav ul li a:hover{color:#000000;letter-spacing:4px}body footer{position:fixed;right:0;bottom:2em;left:0}body footer address{font-size:x-small;font-weight:lighter;text-align:center}body #particles-js{height:100vh}