h1 {
    color: white;
    text-align: center;
    font-family: monospace;
    font-size: 38px;
}

h2 {
    color: white;
    text-align: center;
    font-family: monospace;
    font-size: 20px;
}

p {
    color: white;
    text-align: center;
    font-family: monospace;
    font-size: 20px;
}

img {
margin-left: auto;
margin-right: auto;
display: block;
max-height: 50%

}

.secondpage {

background: white;
background-size: 400% 400%;
height: 50vh;
position: relative;
display: block;;
color: white;
margin-top: 5%;
margin-left: auto;
margin-right: auto;
box-shadow: -0 -0 15px #000;
}

.secondpage h1, .secondpage p {

margin-left: 10px;
color: black;
text-align: left;

}

.secondpage img {

margin-left: auto;
margin-right: 1%;
min-height: 501px;

}

/* i need to change css file because it didnt push properly */