@font-face {
    font-family: 'Better With';
    src: url('/fonts/BetterWith-Bold.woff2') format('woff2'),
        url('/fonts/BetterWith-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Better With';
    src: url('/fonts/BetterWith-Regular.woff2') format('woff2'),
        url('/fonts/BetterWith-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Better With', sans-serif!important;
    font-weight: normal!important;
    font-style: normal!important;
	letter-spacing: 1px!important;
}

h1, h2 {
    font-family: 'Better With', sans-serif!important;
    font-weight: bold!important;
    font-style: normal!important;
	letter-spacing: 3px!important;
}

h3, h4, h5, h6, p {
    font-family: 'Better With', sans-serif!important;
    font-weight: normal!important;
    font-style: normal!important;
	letter-spacing: 1px!important;
}

.control {
    font-family: 'Better With', sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    letter-spacing: 1px !important;
}

.step {
    font-family: 'Better With', sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    letter-spacing: 1px !important;
}

input {
    font-family: 'Better With', sans-serif !important;
}