@charset "utf-8";
/* CSS Document */

#topBar{
width:100%;
padding:8px 0px;
background-color:#333333;
color:#60BF00;
font-size:18px;}

#logoBar{
width:100%;
background-color:#FFFFFF;
font-family: 'Noto Serif', serif;}

#logoBar{
width:100%;
background-color:#FFFFFF;}

#stepBar{
width:100%;
background-color:#FFFFFF;
padding:50px 0px;
font-family: 'Noto Serif', serif;}

#aboutBar{
width:100%;
background-color:#14628B;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,006599+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(45deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #006599 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#006599 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#006599 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#006599',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#FFFFFF;
padding:50px 0px;
font-family: 'Noto Serif', serif;
text-align:justify;}


#footBar{
width:100%;
padding:8px 0px;
background-color:#333333;
color:#60BF00;
font-size:12px;
text-align:center;}

#splheading{
width:100%;
padding:8px 0px;
background-color:#003300;
color:#FFFFFF;
font-family: 'Noto Serif', serif;}

#bloglistBar{
width:100%;
padding:20px 0px;
font-family: 'Noto Serif', serif;
height:500px;
overflow-y:scroll;}

#faqBar{
width:100%;
padding:20px 0px;
font-family: 'Noto Serif', serif;
}

#signupBar{
width:100%;
padding:20px 0px;
font-family: 'Noto Serif', serif;
}

.logostyle{
font-family: 'Orbitron', sans-serif;
font-size:30px;
font-weight:900;}

.carousel-inner img {
      width: 100%;
      height: 100%;
  }


.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 2.5rem !important;
    padding-left: .5rem;
}