body{
    background: url(../images/map4.jfif) no-repeat center center fixed;
    background-size: cover;
   }
   
   #maincard{/*for main card div*/
       margin:auto; /*automatically ceters the margins*/
       margin-top: 5%;
       margin-bottom: 5%;
       background-color:rgb(75, 69, 69);
       opacity: 0.8;
       /* box-shadow: 0px 0px 4px #848484; */
   }
   .cardheading{ /*for card header's headind*/
       font-family: 'Raleway';
       color: white;
   }
   .card-header{/*for card header*/
       background: #ff0000;
   }
   #submitbutton{ /*for submit button*/
       padding: .2em 0.5em 0.2em 0.5em; /*for customized size submit box*/
       /* padding: 0em 0em 0em 0em; */
       color: white;
       font-size: 1.5em;
       background-color:#ff0000;
       box-shadow: 0px 0px 3px #848484;/*for shadow efect around the box*/
   }
   #submitbutton:hover,#submitbutton:focus{
       background-color: rgb(15, 15, 14);}
.color{
    color: white;
    /* text-align: left; */
    font-size: 20px;
    font-family: 'Raleway';
}
.navlink{
    background: rgb(75, 69, 69);
    color: white;
}
.navlink:focus{
    background: black;
}

#submitbutton2{ /*for submit button*/
    /* padding: .2em 0.5em 0.2em 0.5em; for customized size submit box */
    padding: 0em 0.3em 0em 0.3em;
    color: white;
    margin-left: 5%;
    font-size: 1.3em;
    background-color:#ff0000;
    box-shadow: 0px 0px 3px #848484;/*for shadow efect around the box*/
}
#submitbutton2:hover,#submitbutton2:focus{
    background-color: rgb(15, 15, 14);}