@media (min-width: 1150px) {
    .nav{
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: fit-content;
        background-color: transparent;
    }
    .menu li{
        float: left;
    }
    .menu a:hover{
        background-color: transparent;
        color: var(--gray);

    }
    .mnav{
        display: none;
    }
}

@media (prefers-color-scheme: dark) {
  a, a:link, a:visited { color: var(--lightblue); }
  body, html { background-color: var(--darkgray); color: #bebebe; }
  pre { background-color: #111111; color: #aaaaaa; }
  .clean { background-color: #111111; color: #aaaaaa; }
}