*{
    margin: 0; padding: 0; border: 0;
    box-sizing: border-box;
}
body { 
    
    font-family: fantasy;
    background-color: #f6f7f1
}

header {
   
   text-align: center;
    min-height: 100px;
    position: relative
}
.simple-linear {
    background: linear-gradient(blue,pink);
}


header div {
    border: 10px solid rgb(117, 0, 153);
    width: 400px;
    text-align: justify;

}

#headerText {
    text-align: center;
    min-height: 200px;
    position: absolute; right: 320px; top: 50px;
    z-index: 10; 
    background-color: rgba(235,235,235,.6);
}

#headerPhoto {
    background-image: url(../images/falltrees.jpeg);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    position: absolute; right: 0px; top: 0px;

}