@import "nord.css";
body{
    font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    margin:0;
    padding:0;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.site-header{
    background: var(--nord1);
    color: var(--nord15);
    padding:0px 0px;
    text-align:center;
    font-size:10px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
}

.site-header-logo{
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    height:28px;
    width:auto;
}

.site-header h1{
    margin:0;
}

.site-layout{
    display:flex;
    flex:1;
    align-items:flex-start;
}

.site-sidebar{
    font-size: small;
    text-align:center;
    width:100px;
    background:var(--nord2);
    padding:5px;
    box-sizing:border-box;
    position:sticky;
    top:0;
    height:100vh;
    overflow:auto
}

.site-main{
    color:var(--nord5);
    background-color: var(--nord0);
    font-size: small;
    flex:1;
    padding:24px
}

.top-nav a{
    color:var(--nord5);
    text-decoration:none;
    margin-right:8px
}

.side-button {
  background-color: var(--nord1);
  border: 2px solid var(--nord0);
  border-radius: 5px;
  width: 100%;
  color: var(--nord5);
  font-size: 15px;
  padding: 5px;
  cursor: pointer;
}

.markdown {
  gap: 12px;
  margin: 0 auto 24px;
  width: 50%;
  display: block;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid var(--nord3);
  background: var(--nord1);
}

.markdown pre {
margin: 12px 0;
padding: 12px;
border: 1px solid var(--nord3);
background: var(--nord0);
overflow-x: auto;
}

.markdown code {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}