/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-image: url('giphy3.gif');
  background-size: cover;
  color: white;
  font-family: Papyrus, fantasy;
  align-items: center;
  overflow-x: hidden;
  
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* centre horizontal */
  cursor: url("cursorr32.png"), auto;

}
    
    
a:hover {
  cursor: url("cursor232.png"), pointer;
}

.centerobjet {
  display: block;
  margin-left: auto;
  margin-right: auto;
}  

h1 {text-align: center;
padding-top: 10; }
h2 {text-align: center;}
h4 {margin-left: -5px;}

img{
  max-width: 100%;
  height: auto;
}

.ngo {
  max-width: 70%;
  height: auto;
  border: #7D5EA1 10px solid;
  border-radius: 20px;
  margin: 15px;
  display: inline-flex;
  }
  
  .buttonfly {
    height:150px;
    width: fit-content;
    margin: 30px;
    display: grid;
  grid-template-columns: repeat(4, 1fr);
  }
  
  .wizzie {
    text-align: center;
  }
  
  p{
    margin: auto
  }
  
  .contenant1 {

  text-align: center;
  display: block;
}
  




/* CONTENEUR GLOBAL */
.container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 10px auto;
  max-width: 1200px;
  
}

.row {
  display: flex;
  gap: 20px;

}

/* RECTANGLE CENTRE (PRINCIPAL) */
.center {
  flex: 7;
  background: #0A0A0A;
  width: 900px;
  background-color: rgba(60, 27, 108, 0.5);
  border: #7D5EA1 5px solid;
  border-radius: 20px; 
  text-align: center;
}

/* RECTANGLE gauche */
.left {
  flex: 2;
  background: #242424;
   background-color: rgba(60, 27, 108, 0.5);
  border: #7D5EA1 5px solid;
  border-radius: 20px;
}


/* STYLE WIKI -> faire une ligne en dessus de h1*/
/* h1 {
    border-bottom: 3px solid #11256B;
    padding-bottom: 5px; */

a {
    color: #0645ad;
}
a:hover {
    text-decoration: underline;
}

.marquee {
  width: 200px;
}

div{
    display: flex;
}
@media (max-width: 500px ) {
  div {
    display: grid;
    
    }
}