@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
a.nav-link{
  font-size:14px;
}
a.nav-link:hover{
  color: #3580e0;
}
a.navbar-brand{
  width: 89px;
}

img.cart{
  width:25px;
}

@font-face {
  font-family: "Stolz";
  src: url("assets/fonts/stolz/Stolzl-Bold.ttf");
}

h1,h2,h3,h5{
  font-family: "Stolz";
  font-size:54px;
}
h1.fw-bold{
  font-size:54px;
}

h2.fw-bold{
  font-size:54px;
}



/* Grands écrans*/
@media  screen and (min-width: 1024px) {
  img.monaimage{
     width:500px;
     height:400px;
  }
  img.monaimage:hover{
    width:500px;
    height:400px;
    animation: bougeimage 2s infinite;
 }
}

/*animation image*/
@keyframes bougeimage {
  from{
    margin-bottom: 20px;
  }
  to{
   margin-top: 20px;
  }
}


/* coluer du button
a.btn-primary{
  background-color: #3580e0;
}
*/




p{
  font-family: 'Roboto', sans-serif;
}

a.btn-primary{
  background-color: #3580e0;
}






h6.dropdown-header{
  color: #3580e0;
}

ul.navbar-nav li.nav-item a.nav-link:hover{
  color:#3580e0;
}

nav.navbar{
  border-bottom: 0.5px solid rgb(241, 239, 239);
}


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');


p.h2{
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
}

h1.h1{
  font-size: 90px;
}

#liens .left ul li{
  list-style: none;
  padding-right: 20px;
  color: ;

}
#liens .left ul{
  display: flex;
  margin-top: 20px;
}

#liens{
  background-color: #ffffff;
  padding-bottom: 30px;
}

#liens ul li a{
  color: #000000;
  text-transform: uppercase;
  font-size: 14px;
}

a.monbutton{
  margin-top: 10px;
}

a.monbutton:hover{
  text-decoration: none;
}


#liens ul li a:hover{
  color: #000000;
  text-decoration: none;
  border-bottom: 2px solid black;
}

p.lead {
  text-align: center;
}


.google_home_text{
  font-size:60px;
  background-color: #08AEEA;
  background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
  
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}












/*Melvin css*/

img.navbar-brand-img{
  width: 89px;
}

a.nav-link{
  font-size: 14px;
  text-transform: uppercase;
}

img.cart{
  width:25px;
}

.card-body{
  
  height:175px;

}

.card-body:hover{
  border-style: solid;
  border-width: 2px;
  border-image: linear-gradient(180deg, #A9C9FF 0%, #FFBBEC 100%)1;
  
  
  
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
a.nav-link{
font-size:14px;
}
a.nav-link:hover{
color: #3580e0;
}
a.navbar-brand{
width: 89px;
}

img.cart{
width:25px;
}

@font-face {
font-family: "Stolz";
src: url("./assets/fonts/stolz/Stolzl-Bold.ttf");
}

h1,h2,h3,h5{
font-family: "Stolz";
font-size:54px;
}
h1.fw-bold{
font-size:54px;
}

h2.fw-bold{
font-size:54px;
}



/* Grands écrans*/
@media  screen and (min-width: 1024px) {
img.monaimage{
   width:500px;
   height:400px;
}
img.monaimage:hover{
  width:500px;
  height:400px;
  animation: bougeimage 2s infinite;
}
}

/*animation image*/
@keyframes bougeimage {
from{
  margin-bottom: 20px;
}
to{
 margin-top: 20px;
}
}



a.btn-primary{
background-color: #3580e0;
}




p{
font-family: 'Roboto', sans-serif;
}

a.btn-primary{
background-color: #3580e0;
}







h6.dropdown-header{
color: #3580e0;
}

ul.navbar-nav li.nav-item a.nav-link:hover{
color:#3580e0;
}

nav.navbar{
border-bottom: 0.5px solid rgb(241, 239, 239);
}


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');


p.h2{
font-family: 'Open Sans', sans-serif;
font-size: 40px;
}

h1.h1{
font-size: 90px;
}

#liens .left ul li{
list-style: none;
padding-right: 20px;


}
#liens .left ul{
display: flex;
margin-top: 20px;
}

#liens{
background-color: #ffffff;
padding-bottom: 30px;
}

#liens ul li a{
color: #000000;
text-transform: uppercase;
font-size: 14px;
}

a.monbutton{
margin-top: 10px;
}

a.monbutton:hover{
text-decoration: none;
}


#liens ul li a:hover{
color: #000000;
text-decoration: none;
border-bottom: 2px solid black;
}

p.lead {
text-align: center;
}


@font-face {
  font-family: "Stolz";
  src: url("/assets/fonts/stolz/Stolzl-Bold.ttf");
}

.google_home_text{
font-size:60px;
background: #FFB76B;
background: -webkit-linear-gradient(to right, #FFB76B 0%, #FFA73D 30%, #FF7C00 60%, #FF7F04 100%);
background: -moz-linear-gradient(to right, #FFB76B 0%, #FFA73D 30%, #FF7C00 60%, #FF7F04 100%);
background: linear-gradient(to right, #FFB76B 0%, #FFA73D 30%, #FF7C00 60%, #FF7F04 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-primary{
color: #418AF8;
}

.home_pod_text{

background-color: #A9C9FF;
animation: changedegrade 4s infinite ;
background-image: linear-gradient(270deg, #A9C9FF 0%, #FFBBEC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}

.home_pod_textslide{
font-size:56px;
}


/*Grands écrans*/
@media  screen and (min-width:1024px) {
img.homepodimg{
  width: 550px;
}
}


.bg_gradient_immer{
background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
}

.bg_gradient_immer_reverse{
background-image: linear-gradient(to top, #a6c1ee 0%, #fbc2eb 100%);

}


.bg_hesite{
background:#a6c1ee;
}

























