:root {
    --primary-color:#ffe14d;
    --secondary-color:#263238;

    --header-background: #141720;
    
    --page-background: #141720;
    --page-background-secondary: #f8f9fa;

    --text-color: #11172b;
    --text-color-link-hover: #707482;
    --text-color-link-active: #cccccc;
    --text-color-clear: #ffffff;

    --scrollbar-background: #555555;
    --error-color: #e57373;
    --success-color: #00a500;
}

body {
    background-color: var(--page-background);
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size:large;
}



/* NAVBAR */
nav{
    background: var(--header-background);
    height: 80px;
}

.nav-wrapper ul li.main-menu a{
    padding: 20px 40px 0px;  /*top left/right botton*/
    line-height: 30px;
    border-bottom: 3px solid transparent;
    font-size: large;
    font-weight: bold;
    font-weight: 700;
}