@font-face {
    font-family: 'varta';
    src: url('varta-variablefont_wght-webfont.woff2') format('woff2'), url('varta-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ardela';
    src: url('Ardela-Edge-Black.woff2') format('woff2');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'ardela';
    src: url('Ardela-Edge-ExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ardela';
    src: url('Ardela-Edge-SemiBold.woff2') format('woff2');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'ardela';
    src: url('Ardela-Edge-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3,h4 {
    font-family: ardela;
}

div,p,span {
    font-family: varta;
}