ul li a{
	font-size: 24px;

}

ul li{
	list-style-type: none;
	
}


.footerlist{
	font-size: 18px;
	text-align: center;
}



:root {
	font-family: "adaptive-mono", monospace;
	/*font-family: "VT323", monospace;*/
	font-weight: 400;
	font-style: normal;

}

h2 {
	font-family: "adaptive-mono", monospace;
	
}



a{
	text-decoration: none;
}

details {
  display: block;
  margin-bottom: var(--spacing);
  padding-bottom: var(--spacing);
  border-bottom: 4px solid white;
}

details summary:not([role]) {
  color: #FFF;
}


details summary:focus:not([role=button]) {
  color: #FFF;
}

details[open] > summary:not([role]):not(:focus) {
  color: #FFF;
}



/* @media (prefers-color-scheme: dark){
     .hideifdark {
		visibility:hidden;
        display: none !important;
    }
	
	hr {
	border: 2px solid white !important;
}

.barlink:hover{
	background-color: #fff;
	color: #000;
	
}
}

@media (prefers-color-scheme: light){
     .hideiflight {
		visibility:hidden;
        display: none !important;
    }
	
	hr {
	border: 2px solid black !important;
}

.barlink:hover{
	background-color: #000;
	color: #fff;
	
}


}  */



hr {
	border: 2px solid white;
}

.barlink:hover{
	background-color: #FFF;
	color: #000;
	
}



/* @media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]){
  --background-color: #000;
  --color: #fff;
  --h1-color: #fff;
  --h2-color: #fff;
  --h3-color: #fff;
  --h4-color: #fff;
  --h5-color: #fff;
  --h6-color: #fff;
  --primary: #38A4BD;
  --primary-hover: #000;
  --primary-focus: #fff;
  --primary-inverse: #fff;
  --secondary: #38A4BD;
  --secondary-hover: #000;
  --secondary-hover-background-color: #fff;
  --secondary-focus: #fff;
  --secondary-inverse: #fff;
	
  }
  
@media only screen and (prefers-color-scheme: light) {
  :root:not([data-theme]){
  --background-color: #FFF;
  --color: #000;
  --h1-color: #000;
  --h2-color: #000;
  --h3-color: #000;
  --h4-color: #000;
  --h5-color: #000;
  --h6-color: #000;
  --primary: #38A4BD;
  --primary-hover: #FFF;
  --primary-focus: #000;
  --primary-inverse: #000;
  --secondary: #38A4BD;
  --secondary-hover: #FFF;
  --secondary-hover-background-color: #000;
  --secondary-focus: #000;
  --secondary-inverse: #000;
	
  }

@media only screen and (prefers-color-scheme: light) {
  :root:not([data-theme]){
  --background-color: #FFF;
  --color: #000;
  --h1-color: #000;
  --h2-color: #000;
  --h3-color: #000;
  --h4-color: #000;
  --h5-color: #000;
  --h6-color: #000;
  --primary: #38A4BD;
  --primary-hover: #FFF;
  --primary-focus: #000;
  --primary-inverse: #000;
  --secondary: #38A4BD;
  --secondary-hover: #FFF;
  --secondary-hover-background-color: #000;
  --secondary-focus: #000;
  --secondary-inverse: #000;
	
  }

[data-theme=light], :root:not([data-theme=dark]) {
  --background-color: #FFF;
  --color: #000;
  --h1-color: #000;
  --h2-color: #000;
  --h3-color: #000;
  --h4-color: #000;
  --h5-color: #000;
  --h6-color: #000;
  --primary: #38A4BD;
  --primary-hover: #FFF;
  --primary-focus: #000;
  --primary-inverse: #000;
  --secondary: #38A4BD);
  --secondary-hover: #FFF;
  --secondary-hover-background-color: #000;
  --secondary-focus: #000;
  --secondary-inverse: #000;
} 


[data-theme=dark], :root:not([data-theme=light]) {
  --background-color: #000;
  --color: #fff;
  --h1-color: #fff;
  --h2-color: #fff;
  --h3-color: #fff;
  --h4-color: #fff;
  --h5-color: #fff;
  --h6-color: #fff;
  --primary: #38A4BD;
  --primary-hover: #000;
  --primary-focus: #fff;
  --primary-inverse: #fff;
  --secondary: #38A4BD;
  --secondary-hover: #000;
  --secondary-hover-background-color: #fff;
  --secondary-focus: #fff;
  --secondary-inverse: #fff;
} 

[data-theme=light] {
  --background-color: #FFF;
  --color: #000;
  --h1-color: #000;
  --h2-color: #000;
  --h3-color: #000;
  --h4-color: #000;
  --h5-color: #000;
  --h6-color: #000;
  --primary: #38A4BD;
  --primary-hover: #FFF;
  --primary-focus: #000;
  --primary-inverse: #000;
  --secondary: #38A4BD;
  --secondary-hover: #FFF;
  --secondary-hover-background-color: #000;
  --secondary-focus: #000;
  --secondary-inverse: #000;
}  */


[data-theme=dark] {
  --background-color: #000;
  --color: #fff;
  --h1-color: #fff;
  --h2-color: #fff;
  --h3-color: #fff;
  --h4-color: #fff;
  --h5-color: #fff;
  --h6-color: #fff;
  --primary: #38A4BD;
  --primary-hover: #000;
  --primary-focus: #fff;
  --primary-inverse: #fff;
  --secondary: #38A4BD;
  --secondary-hover: #000;
  --secondary-hover-background-color: #fff;
  --secondary-focus: #fff;
  --secondary-inverse: #fff;
} 

.crt::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
  
}