html {background-color: #ccc;}

h1 {
  color: orange;
  font-size: 50px;
}

h2 {
  border-bottom: 2px solid #cccccc;
  margin-bottom: 10px;
  padding-bottom: 5px;
  color: #2b2b2b;

  font-size: 40px;
}
#lorem:hover {background-color:green}

/* Media query for screens smaller than 600px */
@media screen and {max-width: 600px;} {
  #lorem {display: none;}
  }  

  /* Media query for screens smaller than 600px */
@media screen and {max-width: 600px;} {
  #img {display: none;}
  }  


#rouge {
  color: blue !important;
}
#titrerouge {
  color: red;
}
#hd {
  color: brown;
}
.p {color: aqua;}
.violet {
  color: blueviolet;
}
#lorem{background-color: darkgray; padding: 40px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 20px;
}



h3 {
  color: rgb(255, 80, 185);
  font-size: 40px;}
  #profil{width: 40px;}
  body{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  background-color: #b0c4de;
margin: 3em;
padding: 2em;
border-radius: 2em; }

img { width: 250px;
  height: 50%;
position: absolute;
top: 1.5cm;
right: 1.5cm;}