 /* importing google fonts */
@import url('https://fonts.googleapis.com/css2?family=Gluten&family=Oswald&display=swap');
   
@import url('https://fonts.googleapis.com/css2?family=Gluten&display=swap');

                         /* navbar css */
.icon{
    font-family: 'Gluten', cursive;
    font-size:x-large;
}
.mm{
    height:300px;
    width:400px;
}
.navbar{
    width:100%;
    z-index: 200;
}

                  /* poster section css */
@import url('https://fonts.googleapis.com/css2?family=Gluten&family=Oswald&display=swap');
    .poster{
        
        background-color: black;
    background: url(./poster.jpg) no-repeat center center fixed; 
    height:500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
      
}

/* all card */
.total{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
     padding-top: 100px;
     flex-grow: inherit;
     color:white;

}
.btn_reset{
  float: right;
}
.txt{
  font-size: 20px;
    font-family: 'Gluten', cursive;
}
/* individual card */
.onposter{
  width:200px;
    height: 100px;
    margin: 10px;
    align-items: flex-end;
    justify-items: flex-end;
    margin-right: 50px;
    border-radius: 10px;
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    /* color: black; */
    font-family: 'Gluten', cursive;
font-family: 'Oswald', sans-serif;
font-size: 25px;
    color:black;


}
/* inside card  */
.elename{
align-self: center;
justify-self: center;
border-bottom: 1px solid black;
}

/* inside card */
.elevalue{
align-self: center;
justify-self: center;
}

        /* map css */

#map{
  height:400px;
    width:1000px;
}

.m{
  background-color: rgb(255, 249, 241);
}



.button{
    margin:15px;
    padding: 5px;
    border-radius: 5px;

}
                          /* table section css */
@media screen and (max-width:520px) {
    
    .table_body{
      font-size: 12px;
    }
 
}
.tables{
  width:100%;
  height:400px;
  position: relative;
  overflow: auto;
  font-size: 12px;
 
} 
            /* footer css */
.footer{
  background-color:rgb(219, 170, 105) ;
}

              /* contact us page css */
.about_poster{
          background-color: black;
    background: url(./contact.jpg) no-repeat center center fixed; 
    height:500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.contact{
  width: 80%;
  margin:20px 40px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 20px;
}

#myInput{
  border-radius: 5px;
  width:100%
}
.button{
  padding:0px 10px;
}
.country{
  margin:10px 5px;
  padding: 5px 5px;
  font-size: 15px;
    font-family: 'Gluten', cursive;
}
.country_text{
  font-weight: 400;
  font-family: 'Courier New', Courier, monospace;
  font-size: 15px;
}