@import url('https://fonts.googleapis.com/css2?family=Varela&display=swap');
:root { 
    --navy: #005288;
    --blue: #009CDF;
    --green: #AAD04D; 
}

@font-face {
    font-family: 'vag-bold';
    src: url('../fonts/vag-bold.otf') format('opentype');
}
@font-face {
    font-family: 'vag-light';
    src: url('../fonts/vag-light.otf') format('opentype');
}
@font-face {
    font-family: 'vag-regular';
    src: url('../fonts/vag-regular.otf') format('opentype');
}
@font-face {
    font-family: 'vag-thin';
    src: url('../fonts/vag-thin.otf') format('opentype');
}

* {
    font-family: "vag-light", sans-serif;
    letter-spacing: 1px;
}

h1 {
    font-family: 'vag-regular';  
}