@font-face {
      font-family: 'z';
      src: url('https://nyan.st/media/zpix.woff2') format('woff2');
    }
    body{
      margin:0;
      font-family: 'z', monospace;
      background:#000000;
      color:#eee;
    }
    .a{ display:flex; min-height:100vh; }
    .b{
      background:#00000000;
      width:130px;
      padding:10px;
      border-right:1px solid #fff;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:space-between;
    }
    .c{
      width:80px;
      height:80px;
      background:url('https://nyan.st/media/chen1.png') center/cover no-repeat;
      border-radius:10px;
      margin-bottom:10px;
    }
    .d{
      width:100%;
      height:2px;
      background:#fff;
      margin:10px 0;
    }
    nav ul{ list-style:none; padding:0; margin:0; }
    nav li{ margin-bottom:8px; }
    nav a{
      display:flex;
      align-items:center;
      gap:6px;
      color:#eee;
      text-decoration:none;
      padding:5px;
      font-size:13px;
    }
    .e{
      width:100%;
      height:2px;
      background:#fff;
      margin-top:10px;
    }
    .f{
      font-size:11px;
      color:#fff;
      text-align:center;
      margin-top:10px;
      font-family:'z', monospace;
    }
    .g{
      flex:1;
      padding:20px;
      position:relative;
    }
    .h{
      position:absolute;
      bottom:10px;
      right:10px;
      width:120px;
    }