:root{
    --primary-color:#041C32;
    --bg-intermediate: #04293A;
    --secondary-color:#064663;
    --action-primary-color:#ECB365;
    --text-primary-color:#FFFFFF;
    --font-family: 'Arial', sans-serif;
    --font-size:16px;
    --line-height:1.5;
}
body{
    font-family:var(--font-family);
    font-size:var(--font-size);
    line-height:var(--line-height);
    color:var(--text-primary-color);
    background-color:var(--primary-color);
    overflow-x: hidden;
    overflow-y: auto;
}

body,html{
    margin:0;
    padding:0;
    box-sizing:border-box;
    min-height: 100%;
}

/** navigation bar styles **/
ul li{
    list-style:none;
}
 ul li a{
    text-decoration:none;
    color:inherit;  
    padding:0.5rem 1rem;
 }

 /** Global Buttons **/
 .btn,
 button {
    background-color:var(--action-primary-color);
    color:var(--primary-color);
    border:none;
    padding:0.5rem 1rem;
    cursor:pointer;
    transition:background-color 0.3s ease;
    border-radius: 4px;
 }

 .background-filters {
    position: absolute;
    inset: 0;
    background: rgba(4, 28, 50, 0.6);
 }

 .active {
    color:aqua !important;
 }