discovering.css

<style>
  .momo          //logo
  {
    text-align: center; 
    font-size: 14pt;     
  }
  .lili      //bannière
  {
    background-color: black;
    text-align: center;
    line-height: 1em;
    font-size: 15pt;
    color: white;
    font-weight: 300;
    padding: 80px 80px;
  }
  .chance //Pied de page
  {
    text-align: center;
    font-family: Calisto;
    font-size: 12pt;
  }
  .nono    //Ecriture dans la bannière bas
  {
      line-height: 1em;
      font-weight: 300;
      font-size: 16pt;
  }
  .messi // Ecriture dans la bannière bas.
  {
    line-height: 2em;
    font-size: 16pt;
  }
  .zidane // Ecriture dans la bannière bas.
  {
    line-height: 3em;
    font-size: 20pt;
  }
  button
  {
    border-radius: 3px;
    border: 1px solid black;
    font-size: 13pt;
    padding: 15px 15px;
    font-family: Serif;
    color: white;
    background-color: #3333;
  }  
  .zero //Bannière du bas.
  {
    padding: 80px 80px;
    background-color: #F0F0F0;    
  }

.material-icons
{
    font-size: 15pt;
    color: white;
}
.alert
{
    line-height: normal;
    font-size: 14pt;
    padding: 20px;
    text-align: center;
    background-color: #333;
    color: white;
    font-family: Serif;
}
.tableau  //tableau des prix.
{
  color: black;
}
  @media only screen and (max-width : 500px) and (max-height : 900px)
  {
    lili
    { 
      text-align: center;
    }
  }
  </style>  
</head>