:root {
    --color-primary: 98 162 159;
    --color-secondary: 16 84 100;
}

html {
    font-family: 'Poppins';
    font-size: 19px;
    font-weight: 300;
}

body {
    font-family: 'Poppins';
}

h1, h2, h3, h4, h5 {
    font-family: 'Space Grotesk';
    font-weight: 300;
}

.font-serif {
    font-family: 'Space Grotesk';
}

.font-body,
.font-secondary {
    font-family: 'Poppins';
}

.btn:not(.btn-transparent,.btn-secondary) {
    background-color: #62a29f;
    border-color: #62a29f;
}

.btn:not(.btn-transparent,.btn-secondary):hover {
    background-color: #105464;
    border-color: #105464;
}

/**
 * Header 
 */
.sticky-header,
#side-menu {
    background-color: #000000;
}

/**
 * Footer 
 */
footer#footer,
.website-by * {
    background-color: #62a29f;
    color: ;
}