* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: sans-serif
}

a {
    color: inherit; 
    text-decoration: none;
} 

/* Header */

header {
    background-image: url(../img/ic.png);
    color: white;
    margin-bottom: 1rem;
}

header hgroup {
    padding-left: 1%;
}

header hgroup h1 {
    font-size: 3rem;
}

header hgroup h2 {
    font-size: 1.6rem;
    padding-left: 1%;
}

header nav ul li {
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    padding: .5rem;
    background-color: black;
    color: white;
    font-weight: bold;

    margin: .7rem;
    
    border-radius: .4rem;
    border: .13rem solid gray;
}

header nav ul li:hover  {
    background-color: gray;
}

header .mark {
    color: grey;
}
header .mark:hover {
    background-color: black;
}

/* Main  */

main {
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 1rem;
    gap: 1rem;
}

main section h2 {
    margin-bottom: 5px;
}

main section nav a {
    float: right;
    color: white;
    background-color: grey;
    margin-bottom: 0;

    padding-left: .3rem;
    padding-right: .3rem;
    padding-top:  .3rem;
}
#html5, #css3, #about {
    /* display: inline-block; */
    /* margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    margin-top: 1rem; */
    margin-top: 0rem;
    max-width: 33%;
    flex-grow: 1;
}

#html5 h2, #css3 h2, #about h2 {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.1rem;
    color: white;
}
#html5 p, #css3 p, #about p {
    padding-left: 3px;
    padding-right: 3px;
}

#html5 {
    border: 3px solid red;
}

#html5 h2 {
    background-color: red;
}

#css3 {
    border: 3px solid green;
}

#css3 h2 {
    background-color: green;
}

#about {
    border: 3px solid blue;
}

#about h2 {
    background-color: blue;
}

/* Main Article Table */

table thead tr {
    background-color: white;
    color: black;
}

table {
    text-align: left;
    margin-top: 10px;
}

table, table tr {
    background-color: white;
    border: 2px solid lightgray;
    border-collapse: collapse;
}

table td {
    width: 300px;
}

table tbody tr:nth-child(odd) {
    background-color: lightgray;
}

table th,
table td {
    padding: 12px 15px;
}

/* About page */
#omText {
    max-width: 400px;
}

#omFakta {
    padding: 5px;
    padding-right: 10px;
    border: 3px solid black;
    border-radius: 10px;
}

#omFakta p {
    margin-left: .5rem;
    margin-bottom: 5px;
}

/* Footer  */

footer {
    margin-top: 2rem;
    padding-top: 5px;
    padding-bottom: 5px;

    background-color: black;
    color: white;

    width: 100%;
}

footer nav {
    float: right;
    margin-right: 7px;
}

footer address {
    float: left;
    margin-left: 7px;
}

/* Footer Nav */
footer nav ul{
    color: gray;
    list-style-type: none;
}

footer nav ul .mark {
    color: white ;
    list-style-type: disc;
}

footer nav ul .mark:hover {
    color: white ;
}

footer nav ul li:hover{
    color: red;
}