nav{
    text-align: center;
    margin: 0px 0px 20px 0;
    padding: 5px; 
    background: rgb(28, 66, 119);
    margin-bottom:15px;   

}
  
nav ul {
list-style-type: none;
height: auto;
background: rgb(208, 235, 244);

}

nav ul li {
display: inline-block; 
margin-right: .5em;
}

nav ul li a {
padding: 0.25em 1em;
text-decoration: none; /* no underline */
background-color: rgb(58, 117, 169);
color: white;
border: 2px solid black;
border-radius: 1em; /* rounded corner! */
}
nav ul li a:hover, nav ul li a:focus {
color: black;
background-color: rgb(176, 175, 175);
font-weight: bold;
}

nav ul li a {width:100%;
   margin: 0 auto;}   



body {
    background-color: rgb(208, 235, 244);
    color: darkslategray;
   
}
img {
    border: 5px solid black;
    margin: 10px 30px;
    
}

.float-right {
    float:right;
}

.float-left {
    float:left;
}

h1,h2 {
    font-family: 'Acme', sans-serif;
    background-color: rgb(58, 117, 169);
    color: white;
    text-shadow: 2px 2px 2px darkslategray;
    margin: 10px 0px 5px 0px;
    padding: 5px 0px 3px 10px;
   
}
header {
    background-color: rgb(58, 117, 169);
    color: white;
    border-bottom: 10px solid rgb(28, 66, 119);
}
header a:link {
    color: navy;
}
header h1 {
    background-color:  rgb(28, 66, 119);
    text-align: center;
    font-size: 3em;
    margin-bottom: 0px;
}
header p, header a {
    margin: 10px 4px 4px 30px;
}
h3 {
    color: rgb(28, 66, 119);
    font-family: 'Acme', sans-serif;
    font-size: 1em;
    margin: 10px 0px 5px 0px;
    padding: 5px 0px 3px 10px;
}
p {
    margin: 10px 4px 4px 12px;
    line-height: 30px;
}
.clear-both {
    clear: both;
}
ol {
    color:  rgb(28, 66, 119);
}
ul li {
    color: darkslategray;
}

div.bg-container {
    background-image:url(images/basketball-court2.jpg);

}  
div.p-container {
    background-color:white;
    color: black;
    opacity: 70%;
   padding: 40px;
}