html {
    box-sizing: border-box;
  }
*, *:before, *:after {
    box-sizing: inherit;
  }
body { background-color:steelblue }
h1,h2,h3,h4,h5 { 
    color:antiquewhite; 
    margin: 20px 0 0 0;
    padding: 20px 20px 20px 20px;
    }
p { 
    font-family:Arial, Helvetica, sans-serif;
    text-align:start;
    text-transform:capitalize;
    } 
nav {
    text-align: center;
    margin: 20px 0;
    padding: 5px;
    }
nav ul { 
    list-style-type: none;
    height: auto;
    }
nav ul li {
    display: inline-block;
    margin-right: 0.5em;
    }
nav ul li a{
    padding: 0.25em 1em;
    text-decoration: none;
    background-color: #ebf5ff;
    color: #4312AE;
    border: 2px solid black;
    border-top-left-radius: 1em 1em;
    border-bottom-right-radius: 1em 1em;
    width:100%;
    margin:0 auto;
    }
nav ul li a:hover, nav ul li a:focus {
    color: black;
    background-color: white;
    }

h1.title { /*dependent class*/
    text-shadow:2px 2px 2px #000000,
                0 0 1em black,
                0 0 0.2em black;
    color : antiquewhite;
    font: 1.5em Georgia, serif;
    border-style: ridge;
    border-color:cadetblue;
    border-width:3px;
    }
.banner { /*independent class*/
    image-rendering:optimizeQuality;
    width:100%;  
}
nav ul li a:active { /* pseudo-class selector */
    color: white;
    background-color: black;
}
.floatRight {
    float: right;
    margin: 0 125px 0px 0px;
}
.floatLeft {
    float: left;
    margin: 0 20px 0 0px;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
img {
    padding: 10px,10px,10px,10px;
    background-color:steelblue;
    border: solid 1px #ebf5ff;
    margin: 5px, 5px, 5px, 5px;
}
.banner, .logo {
    padding: unset;
    background-color: unset;
    border: unset;
    margin: unset;
}
#container {
    margin: 0 auto;
    width:90%;
    background-color:antiquewhite;
}