#header {
    width:calc(100vw - 70px);
    padding: 20px 20px;
    background-color: #292;
    color: white;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 0.5em;
    box-shadow: 5px 5px 10px black;
}
#header a { color: white; text-decoration: none; transition: 0.5s;}
#header a:hover { color: yellow; }
#nevigation { text-align: right;}
#nevigation a:hover { text-shadow: 0px 0px 5px red; }
#logo { font-size: 2.5em; text-shadow: 5px 5px 10px black; }
#footer { text-shadow: 2px 2px 5px black; }
#main-content { padding: 10px 30px; }
#main-content th { background-color: #ddd;}
#main-content a:link { color:blue;}
#main-content a:hover { color:red; transition: 0.3s;}
#main-content a:visited:hover { color:red; transition: 0.3s;}
#main-content a:visited { color:blue;}
#footer { display: block; padding: 20px; background-color: silver; color: white; text-align: center; width:calc(100vw - 60px)}
body { margin: 0; padding: 0;
    font-size: 12pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; }
table { border-collapse: collapse; }
table, th, td { border: 1px solid black; }
th, td { padding: 5px; }
pre code { width: 95%; display: block; overflow-x: auto; white-space: pre; background-color:#ddd; padding: 10px; }