<head>
    <meta charset="UTF-8">
    
<body>
padding: 1em;
margin: 1em;
a
{
    width="400" height="200"
    padding: 30px 30px; 
    background: blue;  
    color: white; 
} 
   
h1
{
    background-clip : padding-box;
    text-align: center;
font-size: 7em;
color:white;
background-color:rgb(162, 0, 255);
background-size: cover;
border: 1em ridge rgb(0, 0, 0)
margin-top: 3em;
margin-bottom: 3em;
margin-left: 8em;
margin-right: 8em;
display: inline;
}

h2 
{
    background-clip : padding-box;
    text-align: center;
font-size: 6em;
background-color:rgb(174, 255, 0);
color: blue;
border: 10px ridge rgb(0, 0, 0);
margin-top: 2em;
margin-bottom: 2em;
margin-left: 2em;
margin-right: 2em;
display: inline;
}
h3 
{
    text-align: center;
    font-size: 5em;
color: black;
background-color: #FFFF00;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 3em;
margin-right: 5em;
display: inline;
}

p 
{
font-size: 5em;
background-color:azure;
color: black;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 1em;
margin-right: 1em;
display: inline;
}
img
{
    font-size: 5em;
    background-color:rgb(240, 255, 251);

    text-align: center;
    margin-top: 5px;
margin-bottom: 10px;
margin-left: 10cm;
margin-right: 6cm;
} 
<style>
        .button 
        {
          background-color: #ffdd00;
          border: none;
          color: black;
          padding: 20px 34px;
          text-align: center;
          text-decoration: none;
          display: inline;
          font-size: 100px;
          margin: 4px 2px;
          cursor: pointer;
        }
      </style>
      <style>       
      hr
      {
        height: 1px;
        background-color: blue;     
        border: none;
      }
    </style>


</body> 
</head>