@tailwind base;
@tailwind components;
@tailwind utilities;

/*:root {*/
/*}*/

@font-face {
    font-family: 'Soleil';
    src: url('fonts/SoleilRegular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Soleil';
    src: url('fonts/SoleilBook.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Soleil';
    src: url('fonts/SoleilBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Soleil';
    src: url('fonts/SoleilLight.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}


body {
    font-family: 'Soleil', Arial, Helvetica, sans-serif;
}

.bg-img-1 {
    background-image: url('assets/bg-img-1.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #262626;
    background-blend-mode: luminosity;
    /*opacity: 20%;*/
}

.bg-more-features {
    background-image: url('assets/more-features-img.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #262626;
    background-blend-mode: luminosity;
    /*opacity: 20%;*/
}

.bg-img-3 {
    background-image: url('assets/more-features-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #262626;
    background-blend-mode: luminosity;
}

.highlight {
    text-decoration-color: #F8BE00;
    text-decoration-thickness: 0.75rem;
    text-decoration-style: solid;
    text-decoration-line: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: -0.25rem;
}

.bg-img-2 {
    background-image: url('assets/background1.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #F8BE00;
    /*opacity: 20%;*/
}