body {
    background-image:url("https://discman2000.neocities.org/Images/Fonds/Visu_2.png");
    font-family: "Arial";
    cursor: url(https://cur.cursors-4u.net/mechanics/mec-5/mec457.cur), auto;
}



h1 {
color:white;
padding: 0px 20px 20px 20px;
width: 60%;
margin-left: 20%;
margin-right: 20%;
 text-align: center
}
  
p
{  color: white;
  background-color: green;
}
a {
  background-color:black;
  color:green;
  border: 20px;
  text-align: center;
  margin-left: 20%;
margin-right: 20%;
padding: 14px 40px;
}

.lain img{
  margin-left: 20%;
margin-right: 20%;
padding: 14px 40px;
}


.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 50%;
  padding: 0 5px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
.column iframe {
   margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

.column button {
background-color: red;
}

.column p{
  color: white;
  background-color: green;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 400px) {
  .column {
    flex: 100%;
    max-width: 200%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 300px) {
  .column {
    flex: 25%;
    max-width: 50%;
  }
  
}