#navigation{
    height: 40px;
    border: 3px solid #E3E3E3;
    margin-top: 1px;
    text-shadow: 0.1em 0.1em #333;
    background-image: url(../Images/lalitha_bar.jpg);
}
#nav{
    list-style: none;
    margin-top: 5px;
}
#nav ul{
    margin: 0;
    padding: 0;
    width: auto;
    display:inline-block;
}
#nav li{
    font-size: 24px;
    float: left;
    position: relative;
    width: 16%;
    height: 40px;
}
#nav a:link, nav a:active, nav a:visited{
    display: block;
    color: aqua;
    text-decoration: none;
}
#nav a:hover{
    color:darkgoldenrod;
}
#myindxdvn1 {
  font-family: fantasy;
  font-size: 1.8em;
  font-weight: 200;
  animation: color-change 7s infinite;
}
@keyframes color-change {
  0% { color: red; }
  25% { color: orange; }
  50% { color: blue; }
  75% { color: Yellow; }
  100% { color: red; }
}
.text span {
  font-family: sans-serif;
  font-size: 1.3em;
  padding: 0 10px;
  font-weight: 600;
  color: black;
  animation: zoomup 7s ease infinite;
  animation-delay: 3s 10s;
}
.dot {
  display: inline-block;
}

@keyframes zoomup {
  0%,
  100% {
    color: yellow;
    filter: blur(0.5px);
    text-shadow: 0 0 10px #ffb703, 0 0 20px #ffc723, 0 0 30px #ffd733,
      0 0 40px #ffe743, 0 0 50px #fff753, 0 0 60px #ffg763;
  }

  50% {
    filter: blur(0);
    color: black;
    text-shadow: none;
  }
}
.myaboutus-image {
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/servicesimg4.jpg); */
  background-image: url(../Images/aboutusimg.jpg);
  height: 290px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  border-radius: 10px;
}
.myheader-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: darkblue;
}
.mycustname {
    font-family: Bernard MT Condensed; 
    font-size: 1.25rem; 
    color: darkblue; 
    list-style-type: none; 
    margin-left: 10px; 
    text-align: center;
}
.mytitlecls{
    color: white;
    font-family: calibri;
    font-size: 0.9em;
    margin-left: 15%;
}
.myportfolio-image {
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/servicesimg4.jpg); */
  background-image: url(../Images/ServicesImg6.jpg);
  height: 310px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  border-radius: 10px;
  border: 2px solid white;
}
.mygallery-image {
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/servicesimg4.jpg); */
  background-image: url(../Images/GalleryImg2.jpg);
  height: 310px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  border-radius: 10px;
  border: 2px solid white;
}
footer{
    clear: both;
    width: 98%;
    height: 60px;
    margin-left: 1px;
    margin-top: 1px;
    position: relative;
    padding: 10px;
    border: 3px solid brown;
    text-align: center;
    color: cornsilk;
    background-image: url(../Images/skss_bar.jpg);
    background-color: blue;
}
.supportive_font {
  font-family: "Impact, cursive, sans-serif";
  font-size: 1.1em;
  color: #FA6862;
  margin-top: 10px;
}
input[type=text], select, textarea {
  width: 98%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 1px;
  resize: none;
  font-size: 12px;
  color: black;
}
input[type=submit] {
  background-color: #A6A5A9;
  color: black;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width:100%;
}
input[type=submit]:hover {
  background-color:  #ccc;
}