/* =======================
   FONT IMPORT
======================= */

@font-face {                  
font-family: 'BBBInvader';
src: url(https://humantooth.neocities.org/fonts/BBBInvader-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

body {
background-image: url(https://crverave.carrd.co/assets/images/image31.jpg?v=bbc0c252);  
background-color: black;
color: #cf8f4b;
font-size: 14px;
zoom: 0.96;
padding-left: 10px;
max-width: 1800px;
}

img {
height: 268px;
width: 189px;
float: left;
padding-top: 5px;
padding-left: 5px;
}

h1 {
font-family: 'BBBInvader';    
padding-left: 2px;
font-size: 24px;
line-height: 20px;
}

h2 {
font-family:'BBBInvader';    
}

div {
display: inline-block;
text-align: left;
padding: 1px;
padding-bottom: 15px;
height: 268px;


}

h4, h5, p {    
padding: 0px;
margin: 0px;
font-size: 14px;
background-color: #601629;
}
h6 {
padding: 0px;
margin: 0px;
font-size: 11px;
}

h4, h6 {
font-family: monospace;    
}

h5 {
font-family: monospace;    
font-style: italic;
color:black;
}

p {
font-family: monospace;    
color: #cf8f4b;
background-color: #601629;
}

.caption {
font-size: 14px;
display: block;
height: 250px;
width: 200px;
overflow-y: scroll;
float: right;
margin-left: 5px;
}

::selection {
  background-color: #cf8f4b;
  color: #e5e6e7;
}

::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border: 1px dotted;
  background-color: var(--bg-2);
  border-radius: 5px;
  transition: 0.25s;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var;
}

.broider {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABIElEQVR4AYTOiW3DMBQD0DQbdY5O00k6TefoSA2eAQq0ItkBCH4eYvx8bH5/P1//d9g8fSxHjX1+/37cQW81/DaqaCxlOjdurddaDqdRBUVBQPNpTLsDmh+Nx6hgVVCKj+nG6t0xmkDZQ9od0Fe+XufPPBAEXeh858/vji+N2WyADrshOsybMUZ9UYez7sw9563HqH9OgGmPd5DryTHthjFKCOYCf4dd/zSaQbwbal8vw+2P0RSEqyK/cdUfo4b60aw7c8956zGq2PAldNgN0WHejKd/mAs0XxnTbky7Me0OaP7xpQ6GENPugL7y9To/Rpm7h7I8wHRj9W6MKqbgDgzxaUy7A5ofjU+jDAVFN9A4aK3XOp23UYGiB3fQ05/xAgAA//9tzZLLAAAABklEQVQDAFA7VCJe5rcJAAAAAElFTkSuQmCC") 7 /  7px / 0 round;
    border-width:  10px;
    border-style:  solid;
    background-color: #601629;
}

/* =======================
   NAVIGATION & DROPDOWN
======================= */
#navigation {
  text-align: center;
  background-color: var(--bg-2);
  padding: 3px;
  margin-bottom: 10px; 
  border: 1px dotted var(--border-1);
  font-family: monospace;
}

.dropdown {
  float: left;
  overflow: hidden;
  background: transparent;
}
.dropdown .dropbtn {
  color: var(--link-color);
  font-family: var(--font-family);
  border: none;
  margin-left: 5px;
  background: transparent;
}
.navbar a:hover,
.dropdown:hover .dropbtn {
  background-color: var(--bg-2);
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
  min-width: 100px;
  background-color: var(--bg-2);
  border: 1px dotted var(--border-1);
}
.dropdown-content a {
  display: block;
  padding: 2px;
  color: var(--text-color);
  text-align: left;
  border-bottom: 1px dotted var(--border-2);
}
.dropdown-content a:hover {
  background-color: var(--link-color);
  color: var(--bg-2);
  letter-spacing: 1px;
}
.dropdown:hover .dropdown-content { display: block; }

.update { margin-left: 5px; }