*{
    margin: 0; padding: 0; border: 0; box-sizing:border-box;
}
body {
    font-family: cursive;
    background-color: violet;
}




section#topSection {
       border: 8px solid teal;
       outline: 8px solid white;
       min-height: 400px;
       margin: 50px;
       display: flex;
}





#textBox {
    background-color: white;
    height: 250px; width: 50%;
    transform: translate(100px,75px);
    text-align: center;


}

#photoBox {
    background-color: yellowgreen;
    min-height: 400px; width: 50%;
    background-image: url(../images/falltrees.jpeg);
    background-size: cover;

}

#textBox h1 {
    text-align: center; font-weight: normal;
    margin: 5px 0px;
    font-size: 2em;

}

#textBox h1 + p {
    text-align: center; color:tomato;
    margin: 0px 0px 8px 0px;
    font-size: 1.4em;
}

#textBox p {
    padding: 1em; line-height: 1.8;
    text-align: left;
}

.buttonLink {
    border: 2px solid teal;
    padding: 6px 13px;
    text-decoration: none;
    background-color:lightblue;
    border-radius: 4px;
    
}