html{
    font-size: 16pt;
}
body{
    margin-left: 5vw;
    margin-right: 5vW;
    border: 1px solid #21A2E3;  
    background-color: whitesmoke;
}

header{
    width: auto;
    height: 4em;
    background-color: #21A2E3;
    text-align: center;
}
h1{
    color: whitesmoke;
    font-size: 2rem;
    font-family: Verdana;
    padding: 0.4em;
    margin: 0px;
}

main{
    margin: 0.4em;
    margin-top: 1em;
}
main a{
    color: black;
}
h2{
    font-size: 1rem;
    font-family: Verdana;
}
p{
    font-size: 0.7rem;
    font-family: Verdana;
}
img{
    float: right;
    transform: translateY(-0.9vw);
}
table{
    max-width: 100%;
}
table, tr, th, td{
    border: 1px dotted black;
    border-collapse: collapse;
    font-family: Verdana;
    padding: 0.5rem;
}
th{
    font-size: 1rem;
    background-color: #21A2E3;
    color: whitesmoke;
    padding: 0.6rem;
}
td{
    font-size: 0.7rem;
    vertical-align: top;
}

footer{
    padding: 0.4rem;
    background-color: #343A40;
    color: whitesmoke;
}
footer a{
    color: whitesmoke;
}