div{text-align:center;
margin-top:25px;
border:solid red 0px;
margin-left:auto;
margin-right:auto;
width:20%;
background-color:black;

}

.mid{
    width:49%;
    padding-top:5%;
    background-color:transparent;
}

.bottom {text-align:center;
margin-top:25px;
border:solid red 0px;
margin-left:auto;
margin-right:auto;
width:20%;
background-color:black;
}

.parent{display:flex; flex-wrap:wrap; width:80%; margin:auto; text-align:center; border:solid red 0px; margin-bottom:20px;
    background-color:transparent;
}



img{
    height:55%;
    width:100%;
}
h4{
    font-size:2.25vw;
    color:white;
}

p{font-size:1.25vw;
color:white;
}

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

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;
}

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

a{
    color:white
}

.wide{
    width:24%;
}
#secret{
    font-family:rf;
    text-decoration:none;
    color:rgb(40, 40, 40);
}

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

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