pre.language-js.line-numbers {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.bg-orange{
    background-color: #e9ad634d;
}

.bg-darkOrange{
    background-color: #f68b47;
}

.text-darkOrange{
    color: #f68b47;
}

.bg-white{
    background-color: white;
}

.bg-lightOrange{
    background-color: #fcf1e3;
}

.h-100vh{
    height: 100vh;
}
.h-75vh{
    height: 75vh;
}
.h-60vh{
    height: 60vh;
}
.h-50vh{
    height: 50vh;
}

.w-70{
    width: 70%;
}

.w-80{
    width: 80%;
}

.top-20{
    top:20%
}
.z-0{
    z-index: 0;
}

.z-5{
    z-index: 5;
}

/* common nav items */
.nav-title{
    color: #f7965a;
}

.nav-title:hover{
    color: #f7965ad0;
}

/* spacing */
.mt-6{
    margin-top:3.5rem
}

.mt-7{
    margin-top:4rem
}

.mt-8{
    margin-top:4.5rem
}

.mt-9{
    margin-top:5rem
}