:root{
  --bg:#000;
  --text:#fff;
  --r:16px;
}

*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }

body{
  margin:24px;
  background:var(--bg);
  color:var(--text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  line-height:1.4;
}

a, a:link, a:visited, a:hover, a:active{
  color:var(--text);
  text-decoration: underline;
  text-decoration-color: currentColor;
}

.avatar{
  width:72px;
  height:72px;
  border-radius:var(--r);
  object-fit:cover;
  border:0;
  background:#fff;
}

.title{
  font-size:40px;
  font-weight:800;
  word-spacing:-10px;
}

.tagline{
  margin-top:12px;
}

details summary{
  display:inline-block;
  margin-bottom:16px;
  cursor:pointer;
  color:var(--text);
  text-decoration: underline;
  text-decoration-color: currentColor;
}

.chaewon-img{
  width:256px;
  border-radius:var(--r);
  display:block;
}