html {
    box-sizing: border-box;
}
* {
    box-sizing: inherit;
}
body {
    font-family: sans-serif;

}    
main {
    background: url(rose.jpeg)  no-repeat right ;
    background-size:25% ;
    padding: 3em 5em 0 4em;
    margin-right: 2em;
}
    
header {
    height:  10em;
    background-color: thistle;
   
}

h1 {
    text-align: center;
    font-family: serif;
    font-size: 50px;
    padding-top: 50px

    
    
    
}
h2 {
    color:#466264;
    text-transform:uppercase;
    text-shadow: .2em .2em silver
}
h3 {
    font-family:Arial, Helvetica, sans-serif;
}

ul {
    background-color:rgb(246, 243, 243);
    margin-right: 310px;
    
    padding:5px 20px 5px;
}
.title {
    font-style:italic;
    color: olive; 
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;  
    font-size:large;   
}

.when {
    color:rosybrown;
    font-weight:bold;
}

footer {
    height: 5.5em;
    text-align: center;
    background-color: thistle;
    padding-bottom: 3em;
    padding-top: .1em;
}
.e-mail {color:#556b2f}

/* link styles*/
a:link, a:visited {color:slateblue; }
a:focus, a:hover, a:active {color:#a72f79}


a {
    text-decoration: none;
}