:root {
    --border: solid 1px var(--bordercolor);
    --bordercolor: #0d5e94;
    --font: rgb(64, 64, 64);
    
}

@font-face {
    font-family: 'Roboto';
    src: url(../assets/fonts/Roboto/Roboto-VariableFont_wdth\,wght.ttf);
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
   
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Roboto';
    color: var(--font);
}

header,
div,
p,
span,
a,
nav {
    box-sizing: border-box;
    margin: 0;
  
}

a{
  text-decoration: none;
  color: var(--font);
}