:root {
	--bg: #050505;
	--txt: #f6f5f4;
}

@media (prefers-color-scheme: light) {
	:root {
		--bg:#f6f5f4;
		--txt:#050505;
	}
}


@font-face {
  font-family: Biolinum;
  src: url(/uploads/fonts/LinBiolinum.ttf); 
}


@font-face {
  font-family: Grupo3; 
  src: url(/uploads/fonts/GRUPO3.ttf); 
}

@font-face {
  font-family: Silverblade; 
  src: url(/uploads/fonts/Silverblade.ttf); 
}



body{
color:var(--txt);
background:var(--bg);
max-width: 800px;
  text-align: justify;
  margin: 1% 3% 3% 3%;
  font-family: Biolinum;
  font-size: 110%;
    background-image: url('/uploads/ascii.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

 img {
  max-width: 100%;
  height: auto;
} 
h1{
margin: auto;
  font-family: Grupo3; 
       margin: 0;
    padding: 0;

}

h2{
margin: auto;
  font-family: Grupo3; 
     margin: 0;
    padding: 0;
}
h3{
margin: auto;
  font-family: Grupo3; 
     margin: 0;
    padding: 0;
}
a {
  color: var(--txt);
    text-decoration: 2px underline;

}

.header{
font-family: Silverblade; 
  font-size: 200%;
     margin: 0;
    padding: 0;
            text-align: center;
}

.menu {
 color: var(--txt);
      margin: 0;
    padding: 0;
      border:1px solid var(--txt);
        text-align: center;
}
.menu a{
text-decoration:none;

}

.flexcontainer {
	display:flex;
	flex-wrap:wrap;
	margin:auto;
}

.full { flex: 1 1 100%;}
.half { flex: 1 1 50%; }
.third { flex: 1 1 33%; }
.twothird { flex: 1 1 66%; }
.quarter { flex: 1 1 25%; }
.threequarter { flex: 1 1 75%; }


.bg, .inner { box-sizing: border-box;}
    
.bg {
    /* for plain background */
       
    padding:10px; /* make number bigger/smaller for a bigger/smaller border */
    width:80%;
    border:1px solid var(--txt);
}
        
.inner {
    background: var(--background);
    color: var(--color);
    padding:5px;
    border:1px solid var(--txt);
    height:200px; /* set height to "height:fit-content;" to expand with text size */
    overflow-y:auto; /* remove overflow if you don't want a scroll */
}

footer{
text-align:center;
}

ul{
 list-style-type: square;
 }

::-moz-selection { /* Code for Firefox */
 
  background: #C3C3C3;
}

::selection {

  background: #C3C3C3;
}