:root {
    --main-black: #000;
    --main-white: #fff;
    --main-white-2: #EBEBEB;
    --main-blue: #1E4C79;
    --main-blue-light: #A1C0E0;
    --main-silver: #F5F5F5;
    --main-silver-2: #ECECEC;
    --main-grey: #A3A3A3;
    --main-red: #c0392b;
    --main-green: #008000;
    --main-yellow: #F1C644;
    --main-grey-2: #C4C4C4;
}

body {
    display: flex;
    flex-direction: column;
}

body nav {
    display: flex;
    flex-direction: row;
    padding: 10px 10%;
}

body nav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

body nav ul li {
    list-style: none;
    margin-right: 30px;
}

body nav ul li a {
    text-decoration: none;
    color: var(--main-blue);
    border-color: var(--main-blue);
    transition: .35s cubic-bezier(.4, 0, .2, 1);
    line-height: 16px;
}

body main {
    padding: 10px 10%;
}

body h1 {
    color: var(--main-blue);
}

body footer {
    display: flex;
    flex-direction: row;
    background-color: var(--main-blue);
    color: var(--main-white);
    padding: 10px 10%;
}