:root {
      --bs-link-color-rgb:(255,255,255)
}
* {
    font-family:'Chakra Petch';
    border-radius:0 !important;
    border:0px;
}
p.small {
font-family:'Source Code Pro';
color:white !important;
}
/*former bg: https://i.imgur.com/Jb554XB.jpeg(*/
body {
    background-color:#0c0c0c !important;
    background-image:url('https://cdna.artstation.com/p/assets/images/images/049/134/346/large/-highresscreenshot00005.jpg?1651764778') !important;
    background-size:cover;
    background-repeat:no-repeat;
    background-blend-mode: overlay;
    background-attachment: fixed;
    background-position:top 50px;
    color:white !important;
    margin: 0 auto;
    padding: 0 1.25em 1.25em;

}

 h1, h2, h3, h4, h5, h6, .badge {
font-family:'Orbitron';
color:white !important;
text-transform:uppercase;
}
card, bg, button, alert {
border-radius:0 !important;
border:0px !important;
}
.card, .badge, .dropdown-menu {
background-color:rgba(0,0,0,0.7) !important;
box-shadow:0px 0px 100px rgba(255,255,255,0.9), 0px 0px 1000px ;
--aug-inlay-bg: rgba(0, 0, 0, 0);
--aug-inlay-opacity:0;
background: #000;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(5, 51, 51, 1) 84%, rgba(12, 145, 145, 0.6) 100%);
text-shadow: 2px 5px 50px;
color:white !important;
 }
.navbar {
text-align: center !important;
background: #000;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(5, 51, 51, 1) 100%);
}
.nav {
    display: inline-block;
}
.nav-item:hover {
text-shadow: 0px 0px 0.3em;
color:white;
}
.img-thumbnail {
margin-bottom: .5rem;
position: relative;
background-repeat:no-repeat;
box-shadow: 0px 10px 1em rgba(20,200,200,0.5);
background: #000;
height:115px !important;
width:115px !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(5, 51, 51, 1) 48%, rgba(6, 97, 97, 1) 77%, rgba(20, 166, 166, 0.9) 100%);
border:0px !important;
object-fit: cover;
  bottom: 0px;
  opacity:0.89;
  /*transition: bottom 0.4s;*/
  transition:0.1305s;
 overflow: hidden;
 width:100%;
 height:100%;
 
}
.gallery-row {
    display:flex;
    flex-wrap: wrap;
   } 
.featured {
content:'<3';
}
.img-thumbnail:hover {
  /*bottom:5px;*/
  opacity:1;
  
} 
::-moz-selection { /* Code for Firefox. top used to be 65% */
color: black;
  background: #75D8D5;
}
::selection {
  color: black;
  background: #75D8D5;
}
.name-badge {
display: inline-block;
margin-bottom: .25rem;
word-wrap: break-word;
overflow-wrap: break-word;
position: fixed;
left:-80%;
top:70%;
font-size:7.8pt !important;
text-align:left;
width:100px !important;
letter-spacing:0.5px;
}
.flavor {
opacity:0.5 !important;
transition: all .2s ease !important;
   }
.flavor:hover {
opacity:1 !important;
   }
.rainy {
animation: rain 1s;
animation: glitch 1s;
animation-iteration-count:1;
}
@keyframes rain {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}
.decorb {
border-bottom: 1px solid rgba(255,255,255,0.4)
   }
.decorc {
border-left:1px solid rgba(255,255,255,0.4)
   }
.decord {
border-right:1px solid rgba(255,255,255,0.4);
   }
.details {
font-family:'Source Code Pro';
}
.deadend {
font-family:'Source Code Pro';
font-weight:500;
  text-decoration: none;
}
a {
     color:white;
   }
a:hover:not(#nav-item a) {
     opacity:0.8 !important;
}
a:hover::not(#nav-item a)before {
  content:'[';
}
a:hover::not(#nav-item a)after {
  content:']';
}
.text-danger {
  color:#A6142C;
}
.bg-danger {
 background:#000;
 background:linear-gradient(180deg,rgba(0,0,0,1) 0,#33050D 48%,#610615 77%,#A6142C 100%); 
  
}