* {
    /*border: 1px solid grey;*/
    /*text-transform: uppercase;*/
    padding: 0;
    margin: 0; 
  
    
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 100%;
    /*text-align: center;*/
    text-decoration: none;
    /*list-style: none;*/
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
       
    /*
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    */
    
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

 


}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@font-face {
    font-family: 'metro';
    src: url('./font/Metropolis-Black.otf') format('opentype');
  
    font-style: normal;
    font-display: swap;
  }


  
  
  body {
    font-family: 'metro', sans-serif;
  }


a {
    color:unset;
}


:root {
    --primary: #001f3f;
    --primaryLight: #43b7ff;
    --secondary: #43b7ff;
    --secondaryLight: #001f3f; /* fixed assignment */
    
    --headerColor: #1a1a1a;
    --bodyTextColor: #4e4b66;
    --bodyTextColorWhite: #fafbfc;

    --topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);
    --headerFontSize: clamp(1.9375rem, 3.9vw, 3.0625rem);
    --bodyFontSize: 1rem;
    --sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;

    --headerFont: "Oswald", Arial, sans-serif;
    --bodyFont: "Source Sans 3", Arial, sans-serif;
    --navNeon: "Yellowtail", "Adjusted Verdana Fallback", "Verdana", sans-serif;

} 
