@font-face {
    font-family: 'open_sans';
    src: url('../font/OpenSans/opensans-variablefont_wdthwght-webfont.woff2') format('woff2'),
         url('../font/OpenSans/opensans-variablefont_wdthwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('../font/Roboto/roboto-variablefont_wdthwght-webfont.woff2') format('woff2'),
         url('../font/Roboto/roboto-variablefont_wdthwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    /* font-family: 'Roboto', sans-serif !important; */
    font-size: 1.05em;
    box-sizing: border-box;
    color: white;
}

a {
    all: unset;
}

h2 {
    font-size: clamp(32px, 3.2vw, 34px) !important;
    font-weight: bold;
    color: #ffcce6;
    margin-bottom: 1rem;
    /* text-align: center; */
}