@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');
body{
  background-color:#FFFFFF;
  margin:0;
  padding:0;
  font-family: 'Open Sans', sans-serif;
}
b{
  color:#2364aa;
}
.navbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:50px;
}
.navbar button{
  margin-right:50px;
  height:35px;
  background-color:#FFFFFF;
  border:2px solid #5C7AEA;
  border-radius:8px;
  font-family: 'Poppins', sans-serif;
  font-weight:900;
  color:#000000;
  font-size:15px;
  cursor:pointer;
}
.navbar .logo{
  margin-left:15px;
  font-size:19px;
}
hr{
  margin-bottom:50px;
  color:#5C7AEA;
  margin-left:10px;
  margin-right:10px;
  background-color:#5C7AEA;
}
#introarea{
 display:flex;
 justify-content:center;
 align-items:center;  
 flex-wrap:wrap; 
}
#introtext {
width:500px;
height:500px;
}
#introtext h1{
 font-size:45px;
 color:#5C7AEA;
 font-family: 'Cabin', sans-serif;
 font-weight:bold;
}
#introtext p{
font-weight:700;
}
#introtext .emailinput{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

#introtext .emailinput button{
 width:180px;
 height:37px;
 font-size:17px;
 font-weight:700;
 background-color:#5C7AEA;
 color:#FFFFFF;
 border:none;
 cursor: pointer;
 border-radius:8px;
 font-family: 'Poppins', sans-serif;
}
#introimage{
   display:flex;
   justify-content:center;
   align-items:center;
}
#introimage img{
  width:400px;
  height:450px;
}
.overview{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin-top:70px;
}
.overviewtext{
  width:500px;
 border:none;
 border-radius:13px;
 background-color:#DADDFC;
 text-align:center;
 margin:15px;
}
.overviewtext h3{
  font-size:19px;
}
.overviewtext p{
  font-size:17px;
  margin:20px;
  text-align:left;
   font-family: 'Poppins', sans-serif;
}
.overviewimage img{
  width:300px;
  height:300px;
}

.heading h3{
 text-align:center;
 font-size:27px;
 font-family: 'Cabin', sans-serif;
 font-weight:bold;
}
.faq-area{
  margin-top:70px;
}
#faqsection{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;

}
.faqtext{
    width:600px;
    margin:20px;
}
.accordion {
    background-color:#FFFFFF;
    color:#000000;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    font-size:16px;
    transition: 0.4s;
    border:2px solid #5C7AEA;
    border-radius:5px;
    font-family: 'Poppins', sans-serif;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:700;
    padding-left:10px;
}
  .accordion:after {
    content: '\002B';
    color:#5C7AEA;
    font-weight: bold;
    float: right;
    font-size:30px;
    margin-left:20px;
  }
  
  .active:after {
    content: "\2212";
  }
  .panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color:#000000;
    margin:5px;

}
.contacticons{
  display:flex;
  justify-content:center;
  align-items:center;
}
.icon{
  width:50px;
  height:50px;
  background-color:#5C7AEA;
  border:none;
  border-radius:50%;
  margin:10px;
  text-align:center;
  font-size:27px;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#FFFFFF;
  cursor: pointer;
}
.twitterfollow{
  text-align:center;
}
.twitterfollow a{
  color:#5C7AEA;
}
.believerlist{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  text-align:center;
  border:none;
  border-radius:10px;
  background-color:#DADDFC;
  margin:20px;
  padding-bottom:30px;
}
.believerlist .waitlistemail{
  display:flex;
  justify-content:center;
  align-items:center;
}

footer{
  background-color:#5C7AEA;
  width:100%;
  height:100px;
  margin-top:50px;
  text-align:center;
  color:#FFFFFF;
}
footer p{
  padding-top:50px;
}
@media only screen and (max-width: 600px) {
  #introtext {
    width:280px;
    height:280px;
  }
    #introtext h1{
      font-size:35px;
     }
     #introimage{
       margin-top:70px;
     }
  #introimage img{
      width:250px;
      height:280px;
    }
    .faqtext{
      width:300px;
      margin:20px;
  }
  .overviewimage img{
    width:250px;
    height:250px;
  }
}