body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background: linear-gradient(to bottom, #f0f8ff, #e6f7ff);
            text-align: center;
        }
header {
            background: #003366;
            color: white;
            padding: 20px 0;
        }
h1 {
            color: red;
            }
h2 {color: DarkMagenta;

            }
h3 {color: FireBrick;

            }
main {
            padding: 20px;
        }
footer {
            background: #003366;
            color: white;
            padding: 20px 0;
            width: 100%;
        }
ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;
    width: 100%;
}

li.nav {
    float: left;
    border-right: 1px solid #bbb;
}

li.nav a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }

li.nav a:hover:not(.active) {
    background-color: #1a18eb;
    }

li.norm {
}

ul.norm {
}