html, body {
    font-family: Verdana;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

body {
    display: flex;
}

nav {
    background-color: WhiteSmoke;
}

.main-nav {
    padding: 0 0.3rem;
    list-style: none;
}

.main-nav a {
    padding: 0 0 0.2rem 0;
    text-decoration: none;
    white-space: nowrap;
    display: block;
}

.main-nav a:link {
    color: black;
}

.main-nav a:visited {
    color: black;
}

.main-nav a:hover {
    text-decoration: underline;
    color: brown;
}

iframe {
    flex: auto;
    width: 100%;
    border: none;
}