.nav-bg-red {
    background-color: rgba(255,100,100,0.9);;
}

.nav-bg-pink {
 background-color: rgba(231,114,135,0.9);
}

.nav-bg-blue {
 background-color: rgba(100,100,255,0.9);
}

.nav-bg-green {
 background-color: rgba(75,199,113,0.9);
}
.nav-bg-yellow {
    background-color:#C49102;
   }
.nav-bg-lightblue {
    background-color:#87CEEB;
   }
.nav-bg-purple {
    background-color:#9370DB;
   }
.nav-bg-orange {
    background-color:#FFA500;
   }
.nav-bg-lightorange {
    background-color:#e0ccaf;
   }


.nav-item {
	margin-left: 3px;
	margin-top: 4px;
    border-radius: 20px;

}
@keyframes moveGradient {
    0% {
        background-position: 0% 0%;
    }
    30% {
        background-position: 100% 100%;
    }
    50% {
        background-position: 50% 200%;
    }
    70% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.nav-item.active{
    background: linear-gradient(transparent, transparent) padding-box,
    linear-gradient(90deg, darkblue, darkcyan, darkorchid) border-box;
    border-radius: 50em;
    /*border: 4px solid transparent;*/
    background-size: 300% 300%;
    animation: moveGradient 3s ease-in-out infinite;
}

.navbar-brand {
 font-family:"Snell Roundhand", cursive;
}

.container{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgba(255,254,240,0.81);
    border-radius: 40px;
}

.bolder-font {
    font-size: 25px!important;
    font-weight: bolder!important;
}

span {
    transform: scale(0.9);
    display: inline-block;
}


.twitter-share-button{
	vertical-align: bottom;
}
.e404{
	font-family: "Comic Sans MS", cursive, sans-serif !important;
}

h2 {
    color: #858585;
}

h1, h2 {
    font-family: fantasy;
}

.content {
    text-align: justify;
    font-family: 'Open Sans',sans-serif;
}