body {
    font-family: "Special Elite";
    background-image: url("https://gabestash.neocities.org/backgrounds/monochrome/mono43.gif");
    color: goldenrod;
    background-position: fixed;
    
}
 #david {
    position: relative;
    z-index: 10;
            }
 #jo {
    position: relative;
    z-index: 10;
 }
h1 {
    color: goldenrod;
    text-align: center;
    margin-top: 20px;
    line-height: 30px;
}
.tt {
    margin-top: 40px;
    font-size: 25px;
}
.pe {
    background-color: black;
    border-radius: 10%;
    height: 400px;
    width: 800px;
    border-style: solid;
    border-color: goldenrod;
    border-width: 8px;
    z-index: 1;
    position: fixed;
    margin-top: 70px;
    margin-left: 30%;
}

.main {
    background-color:black;
    border-radius: 10%;
    height: 400px;
    width: 300px;
    text-align: center;
    position: relative;
    margin-top: 70px;
    left: 42%;
    border-style: solid;
    border-color: goldenrod;
    border-width: 8px;
    z-index: 1;
    
}