.bannerabout {
    background: linear-gradient(#545455d8, rgba(255, 255, 255, 0.3)), url(./img/aboutbanner.webp);
    height: 320px;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white
}

.aboutonhome {
    display: flex;
    flex-direction: row;
    gap: 80px;
    padding: 50px;
    margin: 10px;
    letter-spacing: 0.5px;
    word-spacing: 5px;
    
}
.aboutcontent {
    text-align: center;
}
#oddtxtanimation{
    animation-name: divoddtxt;
    animation-duration: 100ms;
    animation-timeline: view();
    animation-range: entry 5% cover 50% ;
}
@keyframes divoddtxt {
    0%{
      transform: translateX(60px )
    }  
    100%{
      transform: translateX(0px)
    }
  }
#oddimganimation{
    animation-name: divoddimg;
    animation-duration: 100ms;
    animation-iteration-count: infinite;
    animation-timeline: view();
    animation-range: entry 5% cover 50% 
}
@keyframes divoddimg {
    0%{
      transform: translatex(-60px )
    }  
    100%{
      transform: translateX(0px)
    }
  }

  #eventxtanimation{
    animation-name: divevebtxt;
    animation-duration: 100ms;
    animation-timeline: view();
    animation-range: entry 5% cover 50% ;
    /* transform: translateY(50px) */
}
@keyframes divevebtxt {
    0%{
      transform: translateX(-60px )
    }  
    100%{
      transform: translateX(0px)
    }
  }
#evenimganimation{
    animation-name: divevebimg;
    animation-duration: 100ms;
    animation-timeline: view();
    animation-range: entry 5% cover 50% 
}
@keyframes divevebimg {
    0%{
      transform: translatex(60px )
    }  
    100%{
      transform: translateX(0px)
    }
  }
  
.aboutcontent h5 {
    line-height: 28px;
}
.aboutimg{
    filter: drop-shadow(4px 4px 30px #ffc451);
}

.dropdown {
    background-color: #545455;
}

.dropdown a {
    color: white;
}

.dropdown a:hover {
    background-color: #545455;
    color: #ffc451;
}