<!……pcss……>

<style>

 body  {
     background-color: lightpink;
     }
       .top  {
      background-sizing: cover;
      margin: auto;
      width: 100%;
      height: auto;
      padding: 10px;
      color: black; 
      font-size: 40px;
      text-align: center;
      background-color: rgba(255, 245, 255, 0.5);
     
      text-shadow: 2px 3px 3px rgba(0 0 0.5) 
    } 
 div    {
     width: 100%;
     border: 0;
     padding:20px;
     font-size:20px;
     background-color: linen;
  }
   div.p1    {
    width: 700px;
    height:auto;
    padding: 20px;
    border: 1px solid red;
    margin: auto;
    background-color: white;
}
 
  div.p2  {
    width:700px;
    height:auto;
    border: 1px solid blue;
    height: auto;
    padding:20px;
    margin:auto;
    background-color: white;
    font-size: 20px;
    color: black;
 }
   div.p3  {
    width:700px;
    border: 1px solid green;
    height: auto;
    padding:20px;
    margin:auto;
    background-color: white;
    font-size: 20px;
    color: black;
 }
 
 
 a    {
     backgtound-color: none;
     color:black;
     width: 100%;
     padding: 10px 0px;
     text-align:center;
     font-size:30px;
     text-decoration: none;
     display: inline-block;
   }
   
   a:hover  {
   	    color: white;
   	    background-color: green;
   	}
 
 </style>  
<!……July 2025……>