index.css

.Header{
    position:absolute;
   box-shadow: 50px;
   text-shadow: 90px;
    width:100%;
    height:50px;
    background-color:rgb(96, 176, 207);
}
#subheader{
    background-color: yellow;
    box-shadow: 50px;
    text-shadow: 90px;
     width:100%;
     height:50px;
     padding-left:50px;
    
}
#subheader a{
    padding-left: 100px;
}


.blink_me {
    animation: blinker 1s linear infinite;
    color:white;
  }

#heading{
    max-width:200px;
    height:250px;
    background-color: aqua;
    margin-top: 120px;
    border-color: yellow;
    border-width: 7px;
    border-radius: 10px;

}
.a{


    color:white;
}
.bg{

    color:white;
    margin-top: 30px;
  width:100%;
  height:450px;
background-image: url('bg_img.jpg');
}


.footer{
    width:100%;
    height:100px;
background-color: rgb(49, 146, 175);


}
#pop{
    background-color: yellow;
    height:150px;
    width:100px;
    border-radius: 10px;
}

.footer h5{
  
}
footer h3{

    position:fixed;


}



@media screen and (min-width:322) and (max-width:480){
    body{
        position: fixed;
    }
    .footer{
        position: absolute;
    }
}

@media screen  and (min-width:300px) and (max-width:500px){
    #subheader a{
        padding-left: 10px;

    }
body{
    position: fixed;
}




}