h1 { color: rgb(122, 7, 7);
        Margin: 15px;
        padding: 5px;
        font-family: cursive;


   }
h2 {
   color: rgb(122, 7, 7);
    Margin: 15px;
        padding: 5px;
        font-family: cursive;
  
}

p, ul {
    color:rgb(0, 0, 0); 
    Text-Align: justify;
    Margin: 15px;
        padding: 5px;

    
    
    Box-shadow: 15px 10px 15px rgb(0, 0, 0);

   background-image : linear-gradient(90deg, red, orange, yellow);
   /* background-image: radial-gradient(rgb(0, 0, 0), rgb(255, 255, 255), rgb(0, 255, 179) ) ; */
  font-family:cursive;
}
Body {
    
    background-color: rgb(132, 125, 228);
}


p.subheading{ 
    color: palevioletred;
    font-family:cursive;
}


a {
font-size: 50px;
font-family:cursive;

}

nav {
    z-index: 2;
position: fixed;
top: 0;
left: 0;
width:100;
background-color: rgb(0, 0, 0);
color: black;
a {
display: inline-block;
padding: 20px;
margin: 5px;
text-decoration: none;
background-color: rgb(255, 0, 0); 
color: rgb(231, 157, 157);
transition-duration: 500ms;

}


a:hover {

    background-color: blue;
    translate: 0 -5px;

}


}



body {
    margin-top: 100px;
    background-image: url("premium_photo-1672201106204-58e9af7a2888.avif") ;
    background-size: cover;

    margin-top: 200px;
}


section {
    position: relative;
    width: 100%;

    h3, output {
        color: white;
    }

    img:first-of-type {
        position: absolute;
        inset: 0;
        width: 100%;
        z-index: -1;
    }
    img:last-child {
        position: absolute;
        top: 47px;
        left: 89px;
        border-radius: 50%;
        scale: 0.03;
        transform-origin: center;

        transition-duration: 1s;
    }
    img:last-child:hover {
        scale: 1;
    }
  

   

}