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

:root{
    --navbar-background-color: #000000;
    --navbar-color: #ffffff;    
    --dark-text-color: #272727;    
    --light-text-color: #d6d6d6;
    --blue-color: #0047AB;
    --dark-blue-color: #2f3e6f;
}

html{
    scroll-behavior: smooth;    
}

body{        
    font-family: "Helvetica Neue", Arial, sans-serif;    
}

header{
    background-color: var(--navbar-background-color);
}

footer ul{
    height: 5rem;
    list-style: none;
    background-color: var(--navbar-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

/* ----------------------------------------- @media 767px -----------------------------------------  */
@media (max-width: 767px) {
    body {
        font-size: 14px;
    }    
}

/* ----------------------------------------- @media 768px - 1023px -----------------------------------------  */
@media (min-width: 768px) and (max-width: 1023px) {
    body {
        font-size: 15px;    
    }
    
}

/* @media (max-height: 460px) {
    body{
        font-size: 7px;        
    }
    
} */