body{
background:url('images/ip-box.png')no-repeat;
background-size:100%;
height: 140px;
display:block;
padding:0 !important;
margin:0;
}
    /* Made with love by Mutiullah Samim*/
#ain{
  background-color: turquoise;
   height:2000px;
}




#navbar {
  overflow: hidden;
  background-color:white;
  padding: 7px 5px;
  transition: 0.2s;
  position: fixed;
  width: 100%;
  top: 0px;
  font-family:Monotype Corsiva;
background-color:#333333  ;
color:   brown ;
  z-index: 91;
}

#navbar a {
  float: left;
  color:  white;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 10px; 
  font-family:Monotype Corsiva;
  line-height: 10px;
 

}

#navbar #logo {
  font-size: 30px;
 font-family:Rockwell;
  transition: 0.4s;

}

#navbar #logoo {
   font-size: 30px;
 font-family:Rockwell;
  transition: 0.4s;
}

#navbar #loga {
    font-size: 30px;
 font-family:Rockwell;
  transition: 0.4s;
}
#navbar #log{
    font-size: 30px;
 font-family:Rockwell;
  transition: 0.4s;
}
#navbar #lo{
    font-size: 30px;
 font-family:Rockwell;
  transition: 0.4s;
}
#navbar #lgg{
    font-size: 30px;
 font-family:Rockwell;
  transition: 0.4s;
}
#navbar #loo{
   font-size: 30px;
 font-family:Rockwell;
  transition: 0.4s;
  float: right;
}
#navbar #lg{
   font-size: 30px;
 font-family:Rockwell;
  transition: 0.4s;
  float: right;
}

#navbar a:hover {
  
  color:  #000080;
}

#navbar a.active {
  background-color: gold;
  color: gold;
    line-height: 10px;


}




@media screen and (max-width: 580px) {
  #navbar {
    padding: 20px 10px !important;
  }
  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
  #navbar-right {
    float: none;
  }

}
#looo{
text-align: center;
color: #FDFEFE      ;
background-color:#333333;
font-family:Monotype Corsiva;
font-size: 40px;"
 }