<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;
.art-spacing h1 {
    letter-spacing: 20px;
}
color: white;
background-color:red;
background-size: cover;
border: 10px ridge black
margin-top: 10em;
margin-bottom: 10em;
margin-left: 2em;
margin-right: 2em;
display: inline;
}
h2 
{
    background-clip : padding-box;
    text-align: center;
font-size: 5em;

background-color:yellow (255, 0, 21, 0.947) (255, 0, 0, 0.698);
color: blue;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 3em;
margin-right: 3em;
display: inline;
}
h3 
{
    text-align: center;
    font-size: 5em;
background-color: rgba(250, 255, 105, 0.861);
color: black;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 1em;
margin-right: 1em;
display: inline;
}

p 
{
font-size: 5em;
background-color:azure;
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: 2cm;
margin-right: 2cm;
} 
<style>
        .button 
        {
            background-color: #1c87c9;
            border:10px red;
            color: white;
            padding: 20px 34px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size:100px;
            margin: 4px 2px;
            cursor: pointer;
          }
      </style>
      <style>       
      hr
      {
        height: 1px;
        background-color: blue;     
        border: none;
      }
    </style>


</body> 
</head>