/*
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');
*/

/*
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@property --logo-blue {
  syntax: "<color>";
  inherits: false;
  initial-value: #2D5F73;
}
@property --logo-white {
  syntax: "<color>";
  inherits: false;
  initial-value: #F2EDD0;
}
@property --background-blue {
  syntax: "<color>";
  inherits: false;
  initial-value: #21383F;
}
@property --background-white {
  syntax: "<color>";
  inherits: false;
  initial-value: #F7F5EB;
}


body {
    background-color: var(--background-white);
    font-family: 'Inter','Raleway','Roboto', sans-serif;
}

.navbar {
    background-color: var(--background-blue);
}


.subnav {
    background-color:  var(--logo-white);
}

.footer {
    background-color:  var(--logo-white);
}