body{
    background-color: #10023b;
    color: #c8c7c9;
    margin: 0;   
}
.content{
  animation: fadeInAnimation ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.brandicon{
    max-width: 5vh;
}

.customnavbar {
  background-color: #413172;
  width: 100%;
}
  
.customnavbar a {
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding-left: 2vh;
  text-decoration: none;
  font-size: 17px;
}

.customnavbar a:hover{
  color: #8a8a8a;
}

.content{
  padding-top: 10vh;
}

.transparentbg{
  background-color: rgba(0, 0, 0, 0.5);
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

.PostPadDarkElement{
  color: #c8c7c9;
  background-color: #10023b;
}

.PostPadVeryDarkElement{
  color: #c8c7c9;
  background-color: rgba(11, 0, 41, 0.8);
}

.PostPadLightElement{
  color: #c8c7c9;
  background-color: #413172;
}

.ad-banner-main{
  position: relative;
  text-align: center;
}

.ad-banner{
  max-width: 100%;
}

#about{
  padding-top: 5%;
  width: 100%;
}