body{background-image:url(https://codehs.com/uploads/fa76f325cf0d76bf3c1bfa35e36180cc);
	background-size:cover;
	background-repeat:no-repeat;
     font-family:rf;
     background-attachment:fixed;
     animation:speen 0.5s forwards;
 }


header{background-color:white;
    color:black;
    text-align:center;
    font-size:3vw;
    width:80%;
    margin:auto;
    font-family:rf;
    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;
        font-variant:small-caps;
        margin:auto}
   
a{font-family:rf;}

table{background-color:white;
    width:80%;
    margin:auto;
    border:outset chocolate 10px;
    border-radius:20px 20px 20px 20px;
    color:maroon;
}

@font-face{
    font-family:leaf1;
    src:url("https://codehs.com/uploads/30c8475186957777f3c838aeaeac4bbe");
}
@font-face{
    font-family:Penguin_regular;
    src:url("https://codehs.com/uploads/15d6629a3567c2d165532b428b0e3851");
}

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

td, th{
    border:solid black 1px;
    background-color:#69d13d;
    color:white;
}

tr{
    font-family:rf;
}
@keyframes speen{
    from{transform:skew(180deg, 180deg);}
    to{transform:skew(0deg, 0deg);}
}
#secret{
    font-family:rf;
    text-decoration:none;
    color:rgb(200, 200, 200);
}

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

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