h3 {
    font-size: 1.2rem;
    margin-top: 40px;
}

.w-5  { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }


.nav-item .nav-link {
    font-size: 0.8rem;
}

.navbar {
    background-color: #212428;
}
.jumbotron {
    background-color: #212428;
    color: white;
    padding: 2rem;
    margin-bottom: 2rem;
}
.content-section {
    background-color: white;
    border-radius: 0.25rem;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.sidebar {
    width: 75%;
    margin-left: auto;
}

@media (max-width: 768px) {
    .nav-tabs {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .nav-tabs .nav-item {
      flex: 0 0 auto;
    }
  }

/*background stationary image*/
body {
    background-size: cover; 
    background-position: center; 
    background-attachment: fixed; 
    background-repeat: no-repeat;
}

/*purple color for links and buttons*/

a.foot-link { color: #baafc9; }
a.foot-link:hover,
a.foot-link:focus { color: #ffffff; }

a.nav-link {
    color: #9d7fc9;
    transition: color 0.3s ease;
}
a.nav-link:hover, 
a.nav-link:focus {
    color: #6600ff;
}
a.nav-link:active {
    color: #6600ff;
}
.btn-primary {
background-color: #9d7fc9;
border-color: #9d7fc9;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #6600ff;
border-color: #6600ff;
}
.btn-primary:active {
background-color: #6600ff !important;
border-color: #6600ff !important;
}