@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body{
    font-family: 'Open Sans', sans-serif; /*Police de texte*/
}

h1,h2,h3{
    font-family: 'Outfit', sans-serif; /*Police de titre*/
}


.bg-shopping{ /*Fond d'écran de la page d'accueil d'une opacité 0.5*/
    background-size: cover; /*Permet de couvrir l'ensemble de l'écran*/
    background-position: center, center; /*Permet de centrer l'image*/
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/shopping-bag-cart.jpg");
}

.bg-shopping-mobile{ /*Fond d'écran de la page d'accueil d'une opacité 0.5*/
    background-size: cover; /*Permet de couvrir l'ensemble de l'écran*/
    background-position: center, center; /*Permet de centrer l'image*/
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/shopping-cart-with-bag.jpg");
}

.bg-family{ /*Fond d'écran de la page d'inscription d'une famille d'une opacité 0.5*/
    background-size: cover;
    background-position: center, center;
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/family.jpg");
}

.bg-shop{ /*Fond d'écran de la page d'inscription d'un magasin d'une opacité 0.5*/
    background-size: cover;
    background-position: center, center;
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/shop.jpg");
}

.bg-creation-compte{ /*Fond d'écran de la page de création d'un compte d'une opacité 0.5*/
    background-size: cover;
    background-position: center, center;
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/colorful-shopping-bags.jpg");
}