@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Ubuntu:wght@300&display=swap');

/* ubunto font */


@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Ubuntu:wght@300&display=swap');

/* cursive font */

@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Ubuntu:wght@300&family=Yellowtail&display=swap');





/* p {
    font-family: 'Ubuntu', sans-serif;
} */

body{
    font-family: roboto;
    background-color: rgb(251, 222, 255);
    background-image: linear-gradient( to right,#c9c1bd, rgb(255, 190, 252));
}
/* welcome box */
#div1{
    width: 100%;
    height: 70px;
    margin-bottom: 0px;
    margin-top: 10px;
}

/* Welcome text */
#welcome{
    font-family: 'Lobster', cursive;
    font-size: 24px;
    color: white;
    background-color: rgb(73, 0, 128);
    border: 2px solid rgb(0, 0, 0);
    border-bottom-left-radius: 19px;
    width: auto;
    display: block;
    padding:5px;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    right: 0px;
    height: 50px;
    text-align: center;
    padding: 5px,5px ;
}

/*quote from an armyman*/
.quote{
    font-size: 20px;
    font-family: lobster;
    color: rgb(73, 0, 128);
}

/* Css automatic plus manual slideshow */
.slideshow{
    margin-left: 100px;
    margin-right: 100px;
  height: auto;
  margin-bottom: 50px;
}

/* Main three icons and links */
.AANbr{
    border: solid rgb(0, 0, 0) 3px;
    border-radius: 18px;
    padding: 5px;
  

    
}

.AANborder{
    border: solid rgb(0, 0, 0) 2px;
    border-radius: 12px;
    padding: 5px;
}
.AANlinktext{
    text-align: center;
    background-color: rgb(255, 255, 255);
    border-radius: 13px;
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 30px;
    font-weight: bold; 
    font-family: 'lobster', cursive;  
}
.table1{
    margin: auto;
    
    margin-left: 100px;
}
.tableanchor{
text-decoration: none; 
color:  rgb(73, 0, 128);   
padding-left: 07px;
/* padding-right: 75px; */
border: solid black 0px;
}
.tableanchor:hover{
    font-style: none;
    display: inline-block;
    text-decoration: none;
    color: black;
    padding-left: 07px;
    /* padding-right: 75px; */
    border: solid black 0px;
    text-shadow: 4px 5px 10px #3f3f3f;  
}



#a1111{

    height: 100%;
    margin-top: 30px;
    padding: 50px;
    font-size: 20px;
    border-radius: 13px;
}
#section1{
    margin-left: 100px;
    margin-right: 100px;
    
}
#section3{
    margin-left: 0px;
    margin-right: 0px;
    
}
#section2{
    margin-left:0
    margin-right: 0px;
    
}

h1{
    font-size: 56px;
    font-weight: bold;
    color: rgb(255, 0, 0);
    margin-top: 0px;
    padding-top: 0px;
    text-shadow: 2px 2px 4px #2d2d2d;
}
h2{
    font-size: 36px;
    font-weight: bold;
    color: rgb(255, 55, 0);
    margin-top: 0px;
    padding-top: 10px;
    text-shadow: 1px 1px 2px #1d1d1d;
}
h4{
    font-size: 26px;
    font-weight: bold;
    color: rgb(255, 102, 0);
    margin-top: 0px;
    padding-top: 8px;
    text-shadow: 1px 2px 4px #ffa96b;
}


#a222{

    height: 100%;
    margin-top: 30px;
    padding: 50px;
    font-size: 20px;
    border-radius: 13px;

}
#a333{


    height: 100%;
    margin-top: 30px;
    padding: 50px;
    font-size: 20px;
    border-radius: 13px;
}

/* flag transition from big to small */
.unitedindia{
    width:100%;
    object-position: center;
    margin-top: 50px;
    padding-left: 100px;
    padding-right: 100px; 
    transition: width 2s, height 2s;   
}
.unitedindia:hover{ 
    width:90%;
    opacity: 0.9;
}


.flex-container {
    display: flex;
    background-color: rgb(255, 217, 195);
    /* margin-left: 100px;
    margin-right: 100px; */
    margin-top: 50px;
    padding: 20px;
    padding-top: 0px;
    border-radius: 15px;
  }
  .flex-container > div { 
    margin: 10px;
    padding: 20px;
    font-size: 30px;
  }
 

  .navh{
    font-size: 56px;
    font-weight: bold;
    color: rgb(0, 242, 28);
    margin-top: 0px;
    padding-top: 0px;
    text-shadow: 2px 2px 4px #2d2d2d;
  }
  .airh{
    font-size: 56px;
    font-weight: bold;
    color: rgb(30, 0, 255);
    margin-top: 0px;
    padding-top: 0px;
    text-shadow: 2px 2px 4px #2d2d2d;
  }

  .flex-container1 {
    display: flex;
    background-color: rgb(255, 255, 255);
    /* margin-left: 100px;
    margin-right: 100px; */
    margin-top: 50px;
    padding: 20px;
    padding-top: 0px;
    border-radius: 15px;
  }
  .flex-container1 > div { 
    margin: 10px;
    padding: 20px;
    font-size: 30px;
  }
  .flex-container11 {
    display: flex;
    background-color: rgb(156, 255, 98);
    /* margin-left: 100px;
    margin-right: 100px; */
    margin-top: 50px;
    padding: 20px;
    padding-top: 0px;
    border-radius: 15px;
  }
  .flex-container11 > div { 
    margin: 10px;
    padding: 20px;
    font-size: 30px;
  }





h3{
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    color: white;
}

.hovertext {
    position: relative;
    border-bottom: 1px dotted black;
  }
  
  .hovertext:before {
    content: attr(data-hover);
    visibility: hidden;
    opacity: 0;
    width: 140px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    transition: opacity 1s ease-in-out;
  
    position: absolute;
    z-index: 1;
    left: 0;
    top: 110%;
  }
  
  .hovertext:hover:before {
    opacity: 1;
    visibility: visible;
  }