﻿body {
    background-color: lightpink;
}

div {
    text-align: center;
}

h1 {
  
    color: mediumpurple
}


ul {
    text-align: center;
    font-family: Bookman Old Style;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: violet;
}

li {
    display: inline;
}

    li a {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 20px;
    }

        li a:hover {
            background-color: hotpink;
        }

{
    box-sizing: border-box;
}



.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: mediumvioletred;
    color: white;
    text-align: center;
}
