body{background-image:url("https://codehs.com/uploads/fa76f325cf0d76bf3c1bfa35e36180cc");
     background-size:cover;
     background-repeat:no-repeat;
     font-variant:small-caps;
     font-family:rf;
     background-attachment:fixed;}

header{background-color:white;
    color:black;
    text-align:center;
    font-size:3vw;
    width:80%;
    margin:auto;}

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;

}

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

#right {width:6vw;
    height:5vw;
    float:right;
    padding-right:10px;}
    
    
div {background-color:white;
    margin:auto;
    width:600px;
    text-align:center;
    font-variant:small-caps;}

.width {width:70%;}

@font-face{font-family:rf;src:url("https://codehs.com/uploads/09b13d13628f296b7373344a7e24eb9f");}

th {font-weight:bold;
    font-size:3vw;
    text-decoration-line:underline;
    text-decoration-style:solid;}
    
td {font-size:1.5vw;}

.title {text-align:center;
        width:80%;}
        
#width {width:80%;}

button:hover {animation:hover 1s forwards;}

@keyframes hover {from{background:none;height:10%;width:14%;}
                    to{background:black;height:15%;width:18%;}}

.button {background-color:black;
        font-size:60px;
        width:900px;}
        
table {width:100%;
        margin-top:20px;}

#secret{
    font-family:rf;
    text-decoration:none;
    color:rgb(40, 40, 40);
}