body{background-image:url("https://codehs.com/uploads/fa76f325cf0d76bf3c1bfa35e36180cc");
     background-size:cover;
     font-family:rf;
     background-repeat:no-repeat;
     font-variant:small-caps;
     background-attachment:fixed;
 }
 
header{background-color:white;
    color:black;
    text-align:center;
    font-size:3vw;
    width:80%;
    margin:auto;
    font-variant:small-caps;
} 
 
nav {Background-color:black;
    outline:3px white inset;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:10px;
    padding-top:10px;
    text-align:center;
    width:80%;
}
 
button{
    background:none;
    border-style:none solid none none;
    border-color:black;
    height:10%;
    width:12%;
    font-size:1.50vw;
    text-align:center;
    color:white;
    box-shadow:2px 2px 8px 8px red inset, -2px -2px 8px 8px red inset ;
    font-family:rf;
    margin:auto;
    font-variant:small-caps;

                    
}
 
 @font-face{font-family:rf;src:url("https://codehs.com/uploads/09b13d13628f296b7373344a7e24eb9f");}
 
 ul{
     color:white;
     padding-left:10vw;
 }
 
li{
    display:inline; 
    font-size:3vw}
 
p {
    font-size:3vw;
    color:white;
    text-align:center;
}

img {
    height:250px;
    width:100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table {
    margin-left:auto;
    margin-right:auto;
    border:white solid 2px;
    width:80%;
}

td {
    padding:15px;
    border:white solid 2px;
    width:50%;
}

.right {
    padding-right:
    100px;
}

#left {width:6vw;
    height:5vw;
    float:left;}

#right {width:6vw;
    height:5vw;
    float:right;
    padding-right:10px;}