* {
    box-sizing: border-box;
}


body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: black;
    width: 95%;
    margin: auto;

}

#wholepage {
    width: inherit;
    min-width: 600px;
    text-align: center;


}

header {
    background-color: black;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    color: white;
}

/* Create two columns/boxes that floats next to each other */
nav {
    float: left;
    width: 50%;
    background: #ccc;
    padding: 10px;
}

/* Style the list inside the menu */
nav ul {
    list-style-type: none;
    padding: 0;
}

marquee {
    font-size: medium;
    width: 100%;
    color: red;


}

.menua a {
    font-family: Arial, Helvetica, sans-serif;
    font-size:medium;
    font-weight: bold;
    color:purple;
    

}

#my_menu {

    background-color: lightsteelblue;
    text-align: center;
    


}

#my_menu td {
    padding-left: 5px;
    padding-right: 5px;


}

.hLogo {
    width: inherit;
    height: inherit;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
}

article {
    text-align: left;
    float: left;
    padding: 10px;
    margin: auto(1, 3);
    border-color: black;
    border-width: 5px;

    width: 33%;
    background-color: lightslategray;

}

article p {
    font-family: 'Courier New', Courier, monospace;
    font-size: large;

}

section table {
    width: 100%;
    text-align: center;


}

/* Clear floats after the columns */
section::after {
    content: "";
    display: table;
    clear: both;
}

/* Style the footer */
#footer {
    background-color: #777;
    padding: 10px;
    text-align: center;
    color: white;
    width: 100%;
}

#footer td {
        font-size: medium;
        height: auto;
    }

li {
    font-size: medium;
    text-align: left;

}

th {
    font: size 0em;

}
h9 {
    color:yellow;
}