:root{
    --main-text:#0c0c20;
    --bg: #fefefe;
}
@media (prefers-color-scheme:dark)
{
    :root{
        --main-text:#eeeef6;
        --bg:#0c0c20;
    }
    a{
        color:#4bd1fa
    }
}
*{
    box-sizing: border-box;
}
* img{
    max-width: 100%;
}
body{
    margin:1em 0;
    font-family: "Open Sans", sans-serif;
    color:var(--main-text);
    background:var(--bg);
}
.container{
    width:50%;
    margin:auto;
    padding:1em;
}
nav a,nav img{
    padding:0 0.25em;
}
a{
    text-decoration: dashed underline;
}
a:hover,a:focus{
    text-decoration: none;
    color:crimson
}
article{
    text-align:justify;
}
footer{
    font-size:small;
}
@media (max-width:720px)
{
    .container{
        width:100%;
    }
}