:root {
  --accent: #e24301;
}

div.page-footer {
  text-align: center;
  font-size: small;
}

@media screen and (min-width: 800px) {
    body > header {
        background-image: url("../img/eduvpn_logo.svg");
        background-size: 169px 50px;
        background-repeat: no-repeat;
        background-position: 5% 50%; 
    }

    @media (prefers-color-scheme: dark) {
        body > header {
            background-image: url("../img/eduvpn_logo_dark.svg");
        }
    }
}

main a.headerlink {
    margin-left: 0.15em;
}

body {
  grid-template-columns: 1fr min(60rem, 90%) 1fr;
}