.nav-wrapper {
    background-color: #272727;
}
.page-footer {
    background-color: hsla(5, 5%, 5%, 0.5) ;
}
.nav-content {
    background-color: hsla(10, 10%, 10%, 0.5);
}
body {
    font-family: Titillium_Web, sans-serif;
}
html {
    background: url(../Media/background.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@font-face {
    font-family: Oswald;
    src: url(Fonts/Oswald/Oswald-VariableFont_wght.ttf);
}
@font-face {
    font-family: Titillium_Web;
    src: url(Fonts/Titillium_Web/TitilliumWeb-Regular.ttf);
}
h1, h5 {
    text-align: center;
    text-shadow: 5px 5px 5px #00000055;
    transition: color 2s;
}
h1{
    color: white;
    transition: color 1s;
}
h1:hover {
    color: rgb(255, 107, 107);
}
h5 {
    color: #fbc02d;
    transition: color 1s;
}
h5:hover {
    color: rgb(255, 107, 107);
}
.innerTabContent {
    background-color: hsla(0, 0%, 0%, 0.2) ;
    padding: 2em;
}
.betterSideNav {
    left: 0px !important;
    height: 100%;
}
.collapsible{
    border-color: black;
}
.collapsible-header {
    background-color: #6e2f2f81;
    border-color: black;
    transition: text-shadow 1s;
    transition: filter 1s;
}
.collapsible-header:hover {
    text-shadow: 0px 0px 5px red;
    filter: saturate(2);
}
.collapsible-body {
    background-color: #2b2b2b71;
    border-color: black;
}
.rtext {
    font-size: 1.25em;
    text-align: justify;
    color: rgb(206, 206, 206);
}
.lightc {
    color: rgb(206, 206, 206);
    font-size: 1em;
}
.limargin {
    margin: 1em;
    font-size: 1em;
}
.tlink{
    text-decoration: none !important;
    cursor: pointer !important;
    color: rgb(195, 236, 255) !important;
    transition: color 0.5s ease-in-out !important;
}
.tlink:hover {
    color: #ff8282 !important;
    text-decoration: underline !important;
}
.tcmd {
    color: white;
    background-color: black;
    transition: box-shadow 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    transition: color 1s ease-in-out;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.tcmd:hover {
    color: rgb(146, 255, 182);
    box-shadow: 0px 0px 15px rgb(145, 69, 69);
    background-color: rgb(48, 20, 20);
}
.collapsible-header {
    font: 1.7em sans-serif;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.527);
}
.ch1 {
    color: rgb(233, 233, 233);
}
.ch2 {
    color: rgb(241, 121, 121);
}
.ch3 {
    color: rgb(218, 53, 53);
}
.copylink {
    color: grey;
    padding: 0;
    margin: 0;
    text-align: right;
}
.copylink:hover {
    color: white;
}
.headerinner{
    width:95%; display:inline-block;
}
.headerinner.align-right{
    width: 5%;
    text-align: right;
}
.infoimg {
    border: rgb(0, 0, 0) 5px solid;
    box-shadow: 5px 5px 10px #00000080;
    outline: 1px solid white;
    outline-offset: -3px;
    margin-top: 1em;
    margin-bottom: 1em;
}
.centerimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.infobadge {
    font: 0.45em sans-serif;
    margin: 0em;
    margin-left: 2em;
    word-break: keep-all;
    display: inline-block;
    color: rgb(255, 231, 231);
    display: inline-block;
    vertical-align: middle;
    background-color: #1f1212;
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 0.5em;
    box-shadow: 0px 0px 10px rgba(255, 105, 105, 0.473);
    transition: filter 0.25s;
}
.infobadge:hover {
    filter: saturate(2.5);
}
.infobadge i {
    font-size: 1em;
    margin: 0em;
    margin-left: -1em;
    padding: 0em;
}
.lightBox {
    display: none;
    position: fixed;
    z-index: 99999;
    margin: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
}
.lightBoxContent {
    margin: auto;
    display: block;
    height: 1000px;
}
.lightBoxImg {
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0px 0px 100px black;
    border: 5px solid black;
}
.lightBoxImgText {
    color: white;
    text-shadow: 5px 5px 10px black;
    font-size: 1.5em;
}
.iT {
    color: rgb(220,220,220);
    box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
    table-layout: fixed;
}
.iTr {
    background-color: rgba(50,50,50,0.5);
}
.iTr:nth-child(even) {
    background-color: rgba(30,30,30,0.5);
}
.iTh {
    background-color: rgba(10,10,10,0.5);
    padding-left: 1em;
}
.iTd {
    padding-left: 1em;
}
.iTd:nth-child(odd) {
    background-color: rgba(50,50,50,0.3);
}
.up {
    color: rgb(100,255,100);
}
.na {
    color: rgb(255,255,100);
}
.dn {
    color: rgb(255,100,100);
}
.subtxt {
    font-size: 0.75em;
}
.subtittxt {
    text-align: center;
    font-size: 1em;
    color: rgb(206, 206, 206);
}
.bclr {
    color: rgb(100, 255, 139);
}
.sclr {
    color: rgb(255, 100, 100);
}
.eclr {
    color: rgb(255, 183, 100);
}
.rclr {
    color: rgb(185, 100, 255);
}
.fclr {
    color: rgb(100, 232, 255);
}
.vidya {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid black;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
}
.searchbox {
    color:white;
    border-bottom: 1px solid rgb(255, 255, 255) !important;
}
.searchbox:hover, .searchbox:focus {
    border-bottom: 1px solid rgb(255, 255, 255) !important;
}
.searchlabel {
    color:white;
}
.searcharea {
    padding-left: 2em;
    padding-right: 2em;
}
.searchmargin {
    padding-left: 2em;
    padding-right: 2em;
    background-color: rgba(0, 0, 0, 0.25);
}
.searchresults {
    background: rgb(150,64,64);
    background: linear-gradient(90deg, rgba(150,64,64,0.5) 0%, rgba(255,77,77,0.5) 49%, rgba(255,147,147,0.5) 100%);
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.searchbadge {
    font: 1em Titillium_Web;
    margin: 1em;
    word-break:normal;
    display: inline-block;
    color: rgb(255, 153, 153);
    display: inline-block;
    vertical-align: middle;
    background-color: #000000a6;
    padding: 1em;
    transition: filter 0.25s;
    transition: color 0.5s ease-in-out;
}
.searchbadge:hover {
    color: rgb(255, 227, 227);
    cursor: pointer;
}
.searchbadge i {
    font-size: 1em;
    margin: 0em;
    padding: 0em;
    padding-right: 0.5em;
}