/* CSS Reset Rule */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* Google Font for Body */
body {
    font-family: 'Open Sans', sans-serif;
    
}
/* Var Setup */
:root {
    --fw-400: 400;
}

nav {
    /* applied padding to all sides  */
    /* Creates space from between ul tag and the nav elemeent */
     padding: 0.8rem; /* << shorthand */
    /* Properties that make up "padding" property */
    /* Padding: 0.8rem; */
    margin: 0 0 2rem 0;
    border-bottom: 1px solid gray;
    list-style: none;
}
    

nav .nav,
nav .nav-logo {
    margin: 0.5rem;
    display: inline;
}

#intro {
    padding: 2rem 10% 3rem 10%;
    text-align: center;
    border: 1px solid black;
    margin: 1%;
}
.header {
    margin: 20px auto;
    text-align: center;
}

#intro h2,
#intro p {
    margin-bottom: 1rem;
}