body{
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu Mono', monospace;
}

/* navbar */
.navbar-nav{
    margin-right: 0 !important;
    padding-right: 20px;
}
  
.navbar, .navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: #0a193d;
    color: white !important;
}

.nav-item a{
    color: white !important;
}
  
.nav-item{
    padding-left: 2px;
}
  
.navbar-brand{
    color: white !important;
    padding-left: 100px;
}
  
#navbar button{
    color: white !important;
}
 

/* banner */  
#banner-container{
    background-color: #365399;
    color: #fff !important;
    padding-top: 52px;
    padding-bottom: 25px;   
}
  
#banner-row img{
    max-width: 70%;
    height: auto;
    display: block;
    padding-left: 30px;
}
  
#banner-row h3, p{
    padding-left: 20px;
    padding-top: 20px;
    text-align: center;
}
  
#banner-row a{
    background-color: white !important;
    color: black !important;
    border: none;
    margin-left: 20px;
    margin-top: 20px;
      
}
#banner-col{
    padding-left: 20px;
}

.sections {
    padding-top: 80px;
}

/* goal*/
#goal-row p {
    padding: 0 35px;
    text-align: justify;
    font-size: 1.3rem;
}
#goal-row ul {
    margin: 0 25px;
    font-size: 1.4rem;
}

.purple {
    color: purple;
}
.blue {
    color: blue;
}
.red {
    color: red;
}
.green {
    color: green;
}


/* category */
#category h1{
    padding-bottom: 70px;
}


/* guides */
#guides img {
    filter: drop-shadow(10px 6px 6px rgb(48, 48, 48));
    margin-bottom: 15px;
}

.glow {transition: box-shadow 0.6s ease;
}

.glow:hover {
    color: #111;
    background: rgb(200, 255, 47);
    box-shadow: 0 0 30px rgb(200, 255, 47);;
    transition: box-shadow 0.3s ease;
}

/* about */
#about h1{
    padding-bottom: 70px;
}
  
#about-col ul{
    padding-top: 50px;
    padding-left: 50px;
}
  
#about-col ul li{
    padding-top: 15px;    
}

  
/* support */
#support, #social h1{
    padding-bottom: 70px;
}
  
.support-col a:hover img{
   transform: translateY(-10px);
}
  
#support-row{
    flex-direction: row;
    width:100%;
}

.support-hover img{
    transition: 1s ease;
}
    
.support-hover img:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: 1s ease;
}

/* footer */
.mb-3{
  padding-top: 10px;
}
#footer {
    font-family: 'Roboto Mono', monospace!important;
    padding-top: 25px;
}


.hover-category img{
    filter: drop-shadow(10px 6px 6px rgb(48, 48, 48));
    transition: filter 0.6s ease;
    padding-bottom:20px;
}

.hover-category img:hover{
    filter: drop-shadow(2px 1px 6px gray);
}


/* media */
@media only screen and (max-width: 987px){
    .navbar-brand{
        padding-left: 0px;
    }
}
  
@media only screen and (max-width: 768px){
    #banner-row img{
        padding-top: 20px;
    }
  
   .support-col{
       width: 33%;
   }
  
}