@import url(fonts.css);

:root {
    --white: #fff;
    --red: #FA4400;
    --lightred: #FF6D37;
    --grey: #8E8D8A;
    --lgrey: #ddd;
    --light: #E98074;
    --beige: #D8C3A5;
    --lbeige: #EAE7D;
    --header: #00ad5f;
    --text: #55555;
    --title: #CC6666;
    --yellow: #FFD138;
}

nav {
    background-color: var(--header);
    overflow: hidden;
}

nav a {
    float: left;
    display: inline-block;
    color: var(--text);
    text-align: center;
    padding: 30px 0 30px 0;
    text-decoration: none;
    font-family: Poppins-Regular, sans-serif;
    font-weight: bold;
    font-size: 22px;
}

nav a:hover {
    color: var(--white);
}

nav a.active {
    color: var(--white);
}