@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans&display=swap');
/* font-family: 'Raleway', sans-serif; */

* { 
    /* doesn't add the padding instead is part of the object  */
    box-sizing: border-box; 
}

body { 
    margin: 0; 
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-weight: bold;
    color: #535351;
}

main { 
    margin-top: 10%;
}


section { 
    width: 80%;
    margin: 0 auto;
    border: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 1em;
}

.section-title { 
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 3rem;
    line-height: 3rem;
}

img { 
    border: 1px solid #535351;
}


#icon-space { 
    margin: 0 1em 0 1em;
    color: #535351;
}

i { 
    color: #535351;
}

a { 
    text-decoration: none;
    color: #535351;
}

a:hover { 
    color: #f9de53;
}





/* typography 
====================*/



/* buttons */



/* home hero 
====================*/