* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


:root {
    --font-h1: "Nunito Sans", sans-serif;
    --font-body: 'Roboto', sans-serif;

    --header-and-border: #1a89c5;
    --dark-background: #3e6575;

    --main-background: #E0E0E0;
	--main-background-light: #F2F2F0;

}

body {
    background: var(--dark-background);

}

main {
    padding: 3rem 3rem;
    background-color: var(--main-background);
    color: #000;
    margin: 0rem auto;
    max-width: 800px;
    border-left: 2px solid var(--header-and-border);
    border-right: 2px solid var(--header-and-border);

}

h1, h2, h3{
    font-family: var(--font-h1);
    margin: 1.5rem 0 0;
    font-weight: 750;
}

p {
    font-family: var(--font-body);
    line-height: 1.5;
    font-size: 1rem;
    margin: 1.5rem 0;
}

ul, li {
    font-family: var(--font-body);
    line-height: 1.2;
    font-size: 1rem;
    margin: 0.5rem 0;
    padding-left: 1rem;
}

.experience-entry .company,
.experience-entry .date {
    margin: 0rem 0;
}


.email {
    margin: 0;
}