body{
    background-color: #f3f5f7;
    font-family: 'Roboto', sans-serif;
}
.highlight,pre.highlight{
    font-family: 'Roboto Mono', monospace;
    background-color: #E8F5E1;
    padding: .25rem;
}
pre {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    overflow: auto;
    font-size: .875em;
}
.bg-green{
    background-color: #E8F5E1;
}
.bg-yellow{
    background-color: #fdfaed;
}
.bg-red{
    background-color: #f9e0dc;
}
.bg-plum{
    background-color: #7e7f9a;
}
.bg-white{
    background-color: #f3f5f7;
}
.text-green{
    color: #E8F5E1;
    text-decoration: none;
}
.text-yellow{
    color: #fdfaed;
    text-decoration: none;
}
.text-red{
    color: #f9e0dc;
    text-decoration: none;
}
.text-plum{
    color: #7e7f9a;
    text-decoration: none;
}
.text-white{
    color: #f3f5f7;
    text-decoration: none;
}

.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
}

a {
    text-decoration: none;
}

a.nav-link {
    text-decoration: none;
    color: #7E7F9A;
}
.feature {
    /* background-color: #FDFAED; */
    background-color: #7E7F9A;
}
.navbar, .navfeature {
    background-color: #FDFAED;
}

.nav .justify-content-center {
    margin:12px;
}
.navbar-collapse .collapse .show,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.navbar .navbar-nav {
    float: none;
    text-align: center;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-nav {
    float: none;
    text-align: end;
}

/* New CSS for navbar */

/* Remove border from toggler */
.navbar-toggler {
    border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Lines of the Toggler */
.toggler-icon{
    width: 30px;
    height: 3px;
    background-color: #e74c3c;
    display: block;
    transition: all 0.2s;
}

/* Adds Space between the lines */
.middle-bar{
    margin: 5px auto;
}

/* State when navbar is opened (START) */
.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
/* State when navbar is opened (END) */

/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}
/* State when navbar is collapsed (END) */

/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {
    background-color: #777777;
}

.hr-theme-slash-2 {
    display: flex;
}
    .hr-line {
      width: 100%;
      position: relative;
      margin: 15px;
      border-bottom: 1px solid #000;
    }
    .hr-line-feature {
        width: 100%;
        position: relative;
        margin: 15px;
        border-bottom: 1px solid #fdfaed;
      }
    .hr-icon {
      position: relative;
      top: 3px;
      color: #fdfaed;
    }