body {
  font-family: system-ui, sans-serif;
  color: #2d3436;
  background: #d5ebad;
}
main {
  max-width: 55ch;
  padding: 2ch;
  margin: auto;
}
h1, h2, h3 {
  font-family: ui-serif, Times, serif;
}
a{color:#e17055}
a:visited{color:#a8675a}
img{max-width:100%}
pre{overflow:auto}
table,th,td{border:0px solid;padding:.5rem;border-collapse: collapse}
table{margin-left:40px;margin-right:20px}
td, th {
    padding-left: 10px;
    padding-right: 10px;
}

nav ul{display: none; list-style: none; padding: 0}
nav #checkbox{opacity: 0}
nav #checkbox:checked + ul{display: block}

.icon {
  width: 50px;
  vertical-align: -14px;
}