body {
   background-color: lightblue;
   font-family: Arial, Geneva, Helvetica, sans-serif;
       }
  h1 {
   color: navy;
   text-align: center;
   font-family: Arial, Geneva, Helvetica, sans-serif;
     }
  h2 {
   color: navy;
   text-align: center;
   font-family: Arial, Geneva, Helvetica, sans-serif;
     }
  p {
   color: navy;
   text-align: center;
   font-family: "Brush Script MT", Geneva, Helvetica, sans-serif;
   font-size:x-large
     }
 #heart { 
    position: relative; 
    width: 100px; 
    height: 90px; 
        } 

 #heart:before, #heart:after { 
    position: absolute; 
    content: ""; 
    left: 50px; 
    top: 0; 
    width: 50px; 
    height: 80px; 
    background: red; 
    border-radius: 50px 50px 0 0; 
    transform: rotate(-45deg); 
    transform-origin: 0 100%; 
 } 

 #heart:after { 
    left: 0; 
    transform: rotate(45deg); 
    transform-origin :100% 100%; 
 }