body {
    background-color: #FDD3DB;
    font-family: sans-serif;
    font-size: 14px;
}

h1 {
    font-size: 45px;
    font-family: serif, cursive, Arial;
}

h2 {
    font-size: 30px;
    font-family: serif, cursive, Arial;
}

a{
    color: black;
    font-weight: bold;
    text-decoration: none;
}

a:hover{
    color: darkorange;
    border-bottom: 2px solid darkorange;
    
}


/*this is the parent container*/
.container {
    width: 1200px;
    padding: 30px;
    margin: 10px; /*0 auto ---> this centers my parent container*/
    border: 6px solid #FCB0BF;
    display: flex; 
}

.item1 {
    background-color: #FEE4E9;
    padding: 20px;
    margin: 20px;  
}

.item2 {
    background-color: #FCB9C6;
    padding: 20px;
    margin: 20px;  
}


/*note about links
a:linka
a:visited
a:hover
a:active
*/