body {
    font-family: Arial, sans-serif;
    text-align: center;
    margin-top: 50px;
}

#datetime {
    font-size: 24px;
    font-weight: bold;
}

* {
  margin-top: 0px;
  margin-bottom: 0px /* Zwischenräume fallen weg */

}

@media screen and (min-width: 768px) { /* das Kommende gilt nur für die breite Ansicht*/
nav{
 float: left; /* an die linke Innenkante schieben */
 width: 12rem; /* Breite wird festgelegt*/
 margin-right: -12rem;  /* rechter Außenabstand im negativen Bereich, damit der article sich nicht verschiebt */
 background-color: Snow;
 
}