#bodyID {
    background-color: #0a001a;
}

/* Navbar  */
#NavBar {
    background-image: linear-gradient(to bottom,#0a001a 0,#0a001a 100%) !important;
}


/* Home */
.home {
    margin: 15rem;
}
.home p {
    font-family: 'Orbitron', sans-serif;
    font-size: 2rem;
    color: #fff;
}


/* .home button {
    margin: 1rem;
    padding: 1rem;
    border: 1px solid #fff;
    border-radius: 20px;
} */

/* .home button:hover{
    border-color: #442fff;
    color: green;
    box-shadow: 4px 4px 30px 10px green;
} */

.regBtn{
    margin: 1rem;
    padding: 0.5rem;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.regBtn:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.regBtn:active {
    color: #000
}

.regBtn:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}


/* Guest Speaker  */

.guestSpeakerContent{
    margin: auto;
    padding: 3rem;
    color: #fff;
}

.guestSpeakerHeading{
    width: auto;
    height: auto;
    padding: 1.5rem 0 0 0;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    font-family: 'Overpass', sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
}

.speakerDetails {
    margin: 2rem;
}

.guestName {
    font-family: 'Crete Round', serif;
    font-size: 1.75rem;
    padding: 0 0 0 4rem;
}
.guestSpeakerContent table p {
    font-family: 'IBM Plex Serif', serif;
    font-size: 1.25rem;
    padding: 0 0 0 4rem;
}


.profileImage{
    height: 16rem;
    width: 16rem;
    border: 3px solid #5b15ff;
    border-radius: 50%;
    margin: 10px;
}
/* .profileImage:hover{
    box-shadow: 4px 4px 10px 10px #814bff;
} */


/* About Us Div  */
.aboutUsDiv{
    margin: 2rem;
    padding: 4rem;
    color: #fff;
}

.aboutUsDiv:hover hr{
    box-shadow: 4px 4px 30px 5px #442fff;
}

.aboutUsDiv h1 {
    font-family: 'Overpass', sans-serif;
    font-size: 5rem;
}

.aboutUsDiv p {
    margin: 2rem;
    font-family: 'Roboto Slab', serif;
    font-size: 1.7rem;
    justify-content: center;
    /* text-align: justify; */
}



/* QNA Div  */
.qnaDiv {
    margin: auto;
    padding: 4rem;
    color: #fff;
}
.questionDiv {
    width: auto;
    height: auto;
    border-radius: 2px;
    box-shadow: 2px 2px 10px#4500cf;
    background: #2d004d;
    padding: 1rem;
}

.questionDiv:hover {
    background-color: #41016f;
}


.qnaDiv span {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    padding: 1rem;
    text-align: justify;
}

.qnaDiv h1 {
    width: auto;
    height: auto;
    padding: 1.5rem 0 0 0;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-family: 'Overpass', sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.answerSpan {
    font-family: 'IBM Plex Serif', serif;
    font-size: 1.5rem;
    margin: 1rem 0 0 0;
    padding: 0 0 0 2rem;
    color: #fff;
    text-align: justify;
}

.fade-in {
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;
  }

@keyframes fadeIn {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}


/* Sliding Text  */
html, body {
    padding: 0;
    margin: 0;
    height: 100%;
}

.slide-w {
    position: relative;
    display: block;
    width: 100%;
    height: 160px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background-color: #0a001a;
    color: #fff;
    margin: 1rem 0 2rem 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #4f007c;
}

.slide-w:hover {
    border-color: #442fff;
}

.slide {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100%;
    height: 100%;
    font-size: 1rem;
}
.slide span {
    display: inline-block;
    padding-left: 100%;
    font-family: 'poppinsbold';
    text-align: center;
    white-space: nowrap;
    min-width: 100%;
    height: 100%;
    line-height: 140px;
    font-size: 85px;
    animation: slide 10s linear infinite;
}
.slide span img {
    height: 160px;
    width: auto;
}
.slide span:hover{
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused;
    animation-play-state:paused;
    cursor: pointer;
}

@keyframes slide {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

/* Footer Div */
.footerDiv{
    color: #fff;
    padding: 2rem 0 2rem 0;
    border-top: 1px solid #4f007c
}
.footerDiv:hover {
    border-top:1px solid #442fff;
}

.footerDiv img {
    height: 50px;
    width: 50px;
    margin: 0;
}
.footerDiv h3 {
    font-family: 'Oswald', sans-serif;
}
.footerDiv a{
    margin: 2rem;
}
.footerDiv span {
    font-family: 'Lora', serif;
}

.footerTable {
    margin-top: 3rem;
    /* padding: 3rem; */
}


/* Shake Div  */

.shakethis:hover {
    animation: shakeanimation;
    animation-duration: 2s;
    transform: translate3d(0, 0, 0);
  }
  @keyframes shakeanimation {
      0%, 20% {
          transform: translate3d(-3px, 0, 0);
        }
        20%, 40% {
            transform: translate3d(-1px, 0, 0);
        }
        40%, 60% {
            transform: translate3d(0px, 0, 0);
        }
        60%, 80% {
            transform: translate3d(1px, 0, 0);
        }
        80%, 100% {
      transform: translate3d(3px, 0, 0);
    }
} 


/* Scroll Down animation  */

.reveal {
    position: relative;
    opacity: 0;
  }
  .reveal.active {
    opacity: 1;
  }
  .active.fade-bottom {
    animation: fade-bottom 1s ease-in;
  }

  @keyframes fade-bottom {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }


/* Responsive  */
@media (max-width:1080px) {
    .home img{
        width: auto;
        height: 6rem;
    }    
    .aboutUsDiv p {
        margin: 1.5rem;
        font-size: 1.5rem;
        align-content: center;
    }

    /* Speaker Divition  */
    .guestSpeakerContent{
        margin: auto;
        padding: 3rem;
        color: #fff;
    }
    
    .guestSpeakerHeading{
        width: auto;
        height: auto;
        padding: 1rem 0 0 0;
        margin: 0;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        font-family: 'Overpass', sans-serif;
        font-size: 4.5rem;
        font-weight: 400;
        color: #fff;
    }
    .profileImage{
        height: 12rem;
        width: 12rem;
        margin: 8px;
}
    /* faq  */
    .qnaDiv h1 {
        padding: 1rem 0 0 0;
        font-size: 4.5rem;
    }

}

@media (max-width:870px) {
    .home {
        margin: 8rem;
    }
    .home img{
        width: auto;
        height: 5rem;
    } 
    .home p{
        font-size: 1.5rem;
    }
    .aboutUsDiv{
        margin: 2rem;
        padding: 2rem;
        color: #fff;
    }
    .aboutUsDiv h1 {
        font-size: 3.5rem;
    }
    .aboutUsDiv p {
        margin: 1rem;
        font-size: 1.25rem;
        align-content: center;
    }

  /* Speaker Divition  */

  .guestSpeakerHeading{
        padding: 1rem 0 0 0;
        font-size: 3rem;
        font-weight: 400;
        color: #fff;
    }
    .guestName {
        font-family: 'Crete Round', serif;
        font-size: 1.5rem;
        padding: 0 0 0 4rem;
    }
    .guestSpeakerContent table p {
        font-family: 'IBM Plex Serif', serif;
        font-size: 1.1rem;
        padding: 0 0 0 4rem;
    }
    .profileImage{
        height: 12rem;
        width: 12rem;
        margin: 8px;
    }
    /* faq  */
    .qnaDiv h1 {
        padding: 1rem 0 0 0;
        font-size: 3rem;
    }
    .qnaDiv span {
        font-family: 'Montserrat', sans-serif;
        font-size: 1.2rem;
        padding: 1rem;
    }
    .answerSpan {
        font-family: 'IBM Plex Serif', serif;
        font-size: 1.2rem;
        margin: 1rem 0 0 0;
        padding: 0 0 0 2rem;
        color: #fff;
    }
}

@media (max-width:590px){
    #root{
        margin: 0;
    }
    .home {
        margin:8rem 1rem 8rem 1rem;
        padding: 0;
    }
    .home img{
        width: auto;
        height: 4.5rem;
    }

    .aboutUsDiv{
        margin: 1rem;
        padding: 1rem;
    }
    .aboutUsDiv p {
        margin: 0rem;
        font-size: 1rem;
    }


    /* Speaker Divition  */

    .guestSpeakerContent{
        margin: auto;
        padding: 1rem;
        color: #fff;
    }
    .speakerDetails {
        margin: 1rem 0 1rem 0;
        padding: 0;
    }
   .guestSpeakerHeading{
        padding: 1rem 0 0 0;
        font-size: 2rem;
        font-weight: 400;
        color: #fff;
    }
    .guestName {
        font-family: 'Crete Round', serif;
        font-size: 1.2rem;
        padding: 0 0 0 1rem;
    }
    .guestSpeakerContent table p {
        font-family: 'IBM Plex Serif', serif;
        font-size: 0.8rem;
        padding: 0 0 0 1rem;
    }
    .profileImage{
        height: 6rem;
        width: 6rem;
        margin: 4px;
    }
    

    /* qnaDiv */
    .qnaDiv {
        margin: auto;
        padding: 1rem;
    }

    .qnaDiv h1 {
        padding: 1rem 0 0 0;
        font-size: 1.2rem;
    }

    .qnaDiv span {
        font-size: 1rem;
        padding: 1rem;
    }
    .answerSpan {
        font-size: 0.8rem;
        padding: 0 0 0 1rem;
    }
    #NavBar span {
        font-size: 1rem;
    }

}