html,
body {
    margin: 0;
    padding: 0;
padding-bottom:20px;
padding-top:20px;

}

#root {
width:1200px;
    

max-height:130vh;
min-height:240vh;
border:5px solid black;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
 
}




#topBar {
    /* background-color:#C1292E ; */
    
    height: 20rem;
    color: white;
    padding-bottom: 0.3em;
    display: flex;
    flex-direction: row;
    background-image: url("flyer.png");
    background-size: cover;

    
}
#topBar>div{
  height: 100%;

}

#title{
  margin: 0.3em 0em 0 3em;vertical-align: top;
}

#logo{
  border-radius: 50%; object-fit: cover;max-height: 100%;

}
#logo1{

    max-height: 
100%;

  }

li{ color: #15016b;
 font-style: Aptos Narrow;
margin: 0px;

}
#menuBar {
    /* background-color:#1e5385; */
    background-color:#3E3B3A;
    display: flex;
    justify-content: space-between;
    padding: 0 2em;
    align-items: center;
    font-size: 1.7em;

}

#menuBar>a {
    /*font-variant: small-caps;*/
    color: white;
    text-decoration: none;
    margin: 0.3em 0;


}


@keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

#contentZone {
      
    /* background: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);  */
    background-image:url("DURGA BASAK (1).jpg") ;
   background-color:transparent;
   background-size: cover;
     height:290vh;

}
#tttt {
    
    /* background: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);  */
    background-image:url("test.png") ;
   
     
   background-size: cover;
     height:150vh;

}
#contentZone label {
    display: block;
}
#contentZone li {
    margin-bottom: 1em;

}


.org_logo{
padding: 20px;
}
.lTitle{
    color:white;
}
.olist{
    color:white;
    list-style: none;
   
}
.top-details{
    display: flex;
    flex-direction: row;
}
.animate-charcter
{
   
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );

  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 25px;
      
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


@media screen and (min-width: 1600px) {
 .pdiv {
   padding-left:200px;

  }
}

@media screen and (min-width: 1320px) {
 .pdiv {
   padding-left:200px;

  }
}
@media screen and (min-width: 1360px) {
 .pdiv {
   padding-left:350px;
  }
}
@media screen and (min-width: 1600px) {
 .pdiv {
   padding-left:250px;
  }
}

@media screen and (min-width: 1600px) {
 .p1div {
   padding-left:200px;
  }
}

@media screen and (min-width: 1680px) {
 .pdiv {
   padding-left:250px;
  }
}


@media screen and (min-width: 700px) {
 .p1div {
   font-size:17px;
padding-top:10px;
  }
}
@media screen and (min-width: 700px) {
 .pdiv {
   font-size:17px;
  }
}


@media screen and (min-width: 1680px) {
 .p1div {
   font-size:22px;
  }
}

@media screen and (min-width: 1680px) {
 .pdiv {
   font-size:22px;
  }
}
@media screen and (min-width: 1680px) {
 #root {
 width:1300px;
  }
}