@import url('./fonts/text/iran-yekan.css');
@import url('./bootstrap-icons.min.css');

*,
body {
    font-family:IRANYekan;
}


.introduction {
    background-image:
        radial-gradient(ellipse at center,rgba(172, 66, 232, 0.7) 0%,rgba(113, 45, 213, 0.9) 100%),
        url('../../images/backgrounds/introduction-background.jpg');
    background-size: cover;
    color: white;
}


.about {
    background-image:
        radial-gradient(ellipse at center,rgba(66, 232, 123, 0.7) 0%,rgba(45, 126, 213, 0.9) 100%),
        url('../../images/backgrounds/introduction-background.jpg');
    background-size: cover;
    color: white;
}

.technologies {
    background-image:
            radial-gradient(ellipse at center,rgba(65, 236, 156, 0.7) 0%,rgba(241, 92, 246, 0.9) 100%),
            url('../../images/backgrounds/technologies-background.jpg');
    background-size: cover;
}

.portfolio {
    background-image:
            radial-gradient(ellipse at center,rgba(61, 177, 28, 0.3) 0%,rgba(106, 109, 255, 0.9) 100%),
            url('../../images/backgrounds/portfolio-background.png');
    background-attachment: fixed;
    background-position: right center;
    background-repeat: no-repeat;
}

.contact {
    background-image:
            radial-gradient(ellipse at center,rgba(255, 184, 50, 0.7) 0%,rgba(213, 100, 45, 0.9) 100%),
            url('../../images/backgrounds/contact-background.jpg');
    background-size: cover;
}

.products {
    background-image:
            radial-gradient(ellipse at center,rgba(44, 155, 198, 0.7) 0%,rgba(45, 126, 213, 0.9) 100%),
            url('../../images/backgrounds/products.jpg');
    background-size: cover;
}