.header{
    background-color: lemonchiffon;
    padding: 20px;
    text-align: center;
}
.topnav {
    overflow: hidden;
    background-color: beige;
}
.topnav b {
    float: left;
    display: block;
    color:black;
    text-align: center;
    padding: 15px 15px;
    text-decoration: lightgrey;
    font-size: 17px;
}
.topnav a {
    float: right;
    display: block;
    color:black;
    text-align: center;
    padding: 15px 15px;
    text-decoration: underline;
    font-size: 17px;
}

.topnav a.hover{
    background-color: #ddd;
    color: black;
}
.topnav b.active{
    background-color: lightpink;
    color: black;
}
a:link {
    color: darkblue
}

a:visited {
    color: rebeccapurple
}

a:hover {
    color: deeppink
}

a:active {
    color: yellow
}

ul.a {
    list-style-type: square;
    font-size: 20px;
    color: gray;
    font-family: "Comic Sans MS";
}

h1 {
    font-size: 40px;
    font-family: "Snell Roundhand", "Times New Roman", Arial;
    text-align: center;
    color: pink;
    text-shadow: 2px 2px white;
}

h3 {
    font-family:"Comic Sans MS" ;
}

.colum {
    float: left;
    width: 50%;
    height: 420px;
    alignment: center;
}

.row {
    height: 900px;
    background-color: lemonchiffon;
}

div.img {
    alignment: center;
    width: 300px;
    height: 400px;
    margin: 10px;
}

div.img img {
    width: 100%;
    height: auto;
}

div.table {
    margin: 50px;
    width: 100%;
}
table, td, th {
    border: 1px solid gray;
    border-collapse: collapse;
    text-align: center;
    padding:15px;
    margin: 15px;
    font-family: "Comic Sans MS";
}

caption {
    padding: 10px;
    font-weight: bold;
}