.center {
 text-align:center
}

h1{
 font-size: 80px;
 background-color: hwb(0 100% 0% / 0);
}
.background-image{
    background-image: url('https://get.pxhere.com/photo/writing-pencil-old-letter-paper-font-background-text-handwriting-calligraphy-rubber-writing-instrument-accessory-1373053.jpg');
  
    /* Full height */
    height: 50%;
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.h2-style{
    color:hwb(0 0% 100% / 0.901);
    font-size:50px;
    background-color: hwb(28 24% 45% / 0.816);
}
p{
    color:lab(100% 0.01 -0.01);
    background-color: hwb(28 24% 45% / 0.816);
    font-size: 30px;
    line-height:1.8 ;
}
.outlined-text {
    color: transparent;
    text-shadow: 
        -1px -1px 0 #ff0000,
         1px -1px 0 #000000,
        -1px  1px 0 #ff0000,
         1px  1px 0 #000000;

    font-weight: bold;
}
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .topnav {
    background-color: #333;
    overflow: hidden;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Add a color to the active/current link */
  .topnav a.active {
    background-color: #04AA6D;
    color: white;
  }
h3{
    font-size: 40px;
    background-color: hwb(28 24% 45% / 0.816);
}
h2{
color:hwb(0 0% 55% / 0.901);    
font-size:30px;
background-color: hwb(28 24% 45% / 0.816);
}