header{
    background-image:url("https://akm-img-a-in.tosshub.com/indiatoday/images/story/202208/coding-924920__340_1200x768.jpeg?VersionId=lhV_yFeArwAQ6Kd0P77LEabGSde4.G1d&size=690:388");
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    width:80%;
    color:white;
    text-align:center;
    border:5px solid darkblue;
    margin:auto;
}
body{ 
 background-image:linear-gradient(blue, lightblue, white);
    margin:auto;
    padding:0px 150px 0px 150px;
    text-align:center;
    font-family:Georgia;
}
footer{
    width:100%;
    font-size:50px;
    font-weight:bold;
    border-top:5px grey double;
    text-align:center;
    padding:20px 0px 20px 0px;
    word-spacing: 100px;
}
p{
  text-align: justify;
  font-size:25px;
}
h2, h3{
    font-size:40px;
    text-shadow: 4px 4px 7px white;
}
.sectionNames{
    font-size:50px;
    font-style:bold;
    padding:0px 5px 0px 5px;
    border: 5px double darkblue;
    background-color:white;
    margin:0px 8px 0px 8px;
    text-align:center;
}
#topic{
    text-shadow: 4px 4px 7px darkblue;
    font-size:75px;
}

.htmlpage{
   background-image:linear-gradient(purple, pink, white);
   color:rgb(50,3,79);
  
}
a:link {
  color: blue;
}

a:visited {
  color: purple;
}

a:hover {
  background-color:yellow;
}

a:active {
  color: red;
}
#htmlintro{
    height:200px;
    width:300px;
    float:right;
    border:5px darkblue solid;
    margin:5px 20px 5px 20px;
}
#htmlintro:active{
   animation: def 1s backwards; 
}
@keyframes def{
    from{
    height:200px;
    width:300px;
    }
    to{
    height:400px;
    width:500px;
    }
}
#tag{
    height:200px;
    width:300px;
    float:left;
    border:5px purple solid;
    margin:5px 20px 5px 20px;
}
#tag:active{
   animation: def 1s backwards; 
}
.csspage{
    background-image:linear-gradient(green, lightgreen, white);
   color:rgb(1,45,8);   
}
#cssintro{
    height:200px;
    width:300px;
    float:right;
    border:5px rgb(1,45,8) solid;
    margin:5px 20px 5px 20px;
}
#cssintro:active{
   animation: def 1s backwards; 
}
#imp{
    font-size:25px;
    font-style:italic;
    font-weight:bold;
    color:red;
}
#anatomy{
    height:300px;
    width:500px;
    float:center;
    border:5px rgb(2,15,80) solid;
    margin:5px 20px 5px 20px ; 
    padding: 5px;
    background-color:white;
}
span{
    font-style:italic;
}
.giphy-embed{
    border:5px darkblue solid;
    margin: 30px;
}
.homepic{
    height:auto;
    width:100%;
    border:5px darkblue solid;
    opacity:0.3;
    filter:blur(3px);
    transition:border-color 3s, border-width 3s, opacity 1s, filter 1s;
}
.homepic:hover{
    border-color:orangered;
    border-width:10px;
    opacity:1;
    filter:blur(0px);
}
iframe{
    border: 5px black solid;
}
h1::after{
    background-image:url(https://cdn.pixabay.com/photo/2019/02/18/19/59/graphic-4005286_960_720.png); ;
    background-size: 50px;
    display:inline-block;
    width:50px;
    height:50px;
    content:"";
    
}