style.css

body {
    font-family:'Segoe UI', Verdan, Tahoma, Geneva, sans-serif;
    font-size: 15px;
    max-width: 960px;
    margin: auto;
}
h1 {
    font-size: 3em;
    letter-spacing: em;
    padding-top:em;
    padding-bottom: .5em;
}

h2 {
    font-size: 1.5em;
    padding-top:.5em;
    padding-bottom:.5em;
}

h3 {
    font-size: 1.2em;
    padding-top:.5em;
    padding-bottom: em;
}

    main { 
        display:grid;
        grid-template-columns: 40% 60%;
        margin-top: 2em;
        margin-right: 4em;
        margin-left: 4em;
    }
    header {
        text-align: center;
        margin: auto;
    }
    
    section {
        margin: auto 2em em 2em;
    }
    
    i {
        margin-right: .5em;
    }
    
    p {
        margin: em auto
    }
    
    hr {
        border: auto;
        border-width: .5em;
        border-top: 1.5em;
        border-color: rgb(7, 97, 31);
        background-color: rgb(235, 237, 232);
        height: px;
    }
    
    h1, h2, h3 {
        font-weight: 100;
        margin-bottom: auto;
    }
    #mainLeft {
        border-right: 4px solid rgb(8, 163, 8);
        margin-top: 4em;
        margin-right: 4em;
        margin-left: em;
    }