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

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


.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%;*/
}