body{
    background-color: rgb(33, 33, 33);
    color: rgb(255,255,255);
}

.btn-primary{
    color: #FFF;
    background-color: rgb(53,112,219);
    border-color: rgb(53,112,219);
}

.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover{
    color: #FFF;
    background-color: rgb(19,56,167);
    border-color: rgb(19,56,167);
}

.navbar-default {
    background-color: rgba(33, 33, 33, 0.8);
    border-color: rgb(30,201,53);
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
    color: rgb(255,255,255);
    background-color: rgba(33, 33, 33,0);
    border-bottom: rgb(30,201,53) solid 3px;
}

.navbar-default .navbar-nav > li > a {
    color: rgb(255,255,255);
}

.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
    color: rgb(255,255,255);
    border-bottom: rgb(30,201,53) solid 3px;
}

.header-box{
    color: rgb(255,255,255);
    background-color: rgb(33, 33, 33);
}

a{
    color: rgb(125,204,255);
}

a:hover, a:active, a:focus{
    color: rgb(53,112,219);
}

.description a{
    color: rgb(30,201,53);
}

.description a:hover, 
.description a:active, 
.description a:focus{
    color: rgb(255,255,255);
}

#projects-small{
    background-color: rgb(19,130,34);
}

#projects-small a{
    color: rgb(255,255,255);
}
#projects-small a:hover, a:active, a:focus{
    color: rgb(125,204,255);
}

.project{
    border-bottom: rgb(54, 54, 54) dashed 1px;
}

.project h3{
    color: rgb(30,201,53);
}

.timeline-line line{
    stroke: rgb(53,112,219);
    stroke-width:2;
}

.timeline-circle text{
    fill: rgb(255,255,255);
}

.timeline-circle circle{
    fill: rgb(53,112,219);
    stroke: rgb(19,56,167);
    stroke-width: 4px;
}

.events, .description{
    background-color: rgb(53,112,219);
    border-radius: 20px;
    border-color: rgb(19,56,167);
    border-style: solid;
    color: rgb(255,255,255);
}