*
{
    padding: 20unit;
    margin: 20unit;
    border: #2bab0d;
}

/* Body Styling*/
body
{
    background-image: url(background.jpg);
    background-size: cover;
    background-position: center;
    background-color: rgb(189, 64, 227);
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* Heading Styling*/
h1
{
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 40px;
    text-align: center;
    <style>
    {
    @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
    }
    </style>
}
h2{
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 40px;
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
    </style>
}
h3{
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 40px;
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
    </style>
}
h4{
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 40px;
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
    </style>
}
/* strong tag Styling*/
strong
{
    color: rgb(15,135, 250);
    font-size: 25px;
    font-family: 'Sora', sans-serif;
    font-style: italic;
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');
    </style>
}
/* paragraph Styling*/
p{
    font-size: 22px;
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
    </style> 
}
li
{
    font-size: 22px;
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
    </style> 
}
/* menu Styling*/
.menu
{
    background: rgb(0, 100, 0);
    text-align: center;
}
.menu ul
{
    display: inline-flex;
    list-style: none;
    color: #fff;   
}  
.menu ul li
{
    width: 120px;
    margin: 15px;
    padding: 15px;
}  
.menu ul li a
{
    text-decoration: none;
    color: #fff
}
/* active home menu Styling*/
.active, .menu ul li:hover
{
   background: #2bab0d;
   border-radius: 3px;
}
.submenu
{
  display: none;
}
.menu ul li:hover .submenu1
{
    display: block;
    position: absolute;
    background: rgb(0, 100, 0);
    margin-top: 15px;
    margin-left: -15px;
}
.link li a:hover
{
color: blue
}
/* figcaption Styling*/
figcaption
{
    color: rgb(15,135, 250);
    font-size: 25px;
    font-family: 'Sora', sans-serif;
    font-style: italic;
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');
    </style>  
}
/* Navigation*/
nav
{
     background-color: aliceblue;
     border-color: black;
     opacity: 0.7;
     background-blend-mode: soft-light;
     box-sizing: 20px;
}
header 
{
   image-resolution: 20px;
   background-blend-mode: luminosity;
}
footer
{
text-align: center;
color: cornflowerblue;
}