/* reset rule */

* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}

body {
    background-color: rosybrown;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

section#topsection {

    margin: 50px;
    min-height: 400px;
    display: flex; /* this makes the block a flex parent */
}

#textbox {
    background-color: wheat;
    height: 250px;
    width: 50%;
    transform: translate(150px,75px); 
    margin-left: -70px;
    border-radius: 45px;
    text-align: center;

}

#photoBox {
   background-color: aqua;
   max-height: 400px;
   width: 50%; 
   background-image: url(/images/fall.jpg);
   background-position: center;
   border-radius: 45px;
}

#textbox h1 {
    text-align: center;
    font-weight: normal;
    margin: 12px 0px;
    font-size: 2em;
}

#textbox h1 + p {
    text-align: center;
    color:chocolate;
    margin-bottom: 20px;
    font-size: 1.4em;
}

#textbox p {
    padding-left: 1em;
    margin-bottom: 50px;
    text-align: left;
}

.buttonlink {
    border: 2px solid orangered;
    padding: 12px 24px;
    background-color: coral;
    border-radius: 45px;
    text-decoration:none;
    
}

.buttonlink:hover {
    background-color: palegreen;
}