:root {
  --text:#323C3B; 
  --border: #000;
  --bg: #EDEEB2;
  --bgLight: #F3F3E3;
  --bgMedium: #CCCB91;
  --bgDark: #A4A56B;
  --bgBlack: #2B2728;
}

body{
  background:var(--bgBlack); 
  font-family:ms pgothic;
  padding: 1px;
  cursor:url('https://quimiri.neocities.org/cursors/OWcross.png'), auto;
}

a:hover, a:focus {  cursor:url('https://quimiri.neocities.org/cursors/OWlink.png'), auto; }

section {
  margin:3vw;
  margin-bottom:6vw;
  border:2px ridge var(--border);
  background:var(--bgDark);
}

.sticky {
  position:sticky;
  top:0;
}

header {
 padding:3px;
 font-weight:bold;
 font-variant:small-caps;
 margin:auto;
 height:5vh;
 overflow-wrap: break-word;
  align-items: center;
  justify-content: center;
  text-align:center;
}

header span {
  padding:3px;
   font-size:1.3em;
}

.row {
  display: row;
  align-items: center;
  flex-direction: row;
}

.inline-row {
  display: inline-flex;
  flex-direction: row;
}

.header-button {
background: var(--bg);
border:2px ridge var(--border);
margin:0.3vh;
height:4vh;
width:4vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-button:hover {
background: var(--bgMedium);
border:2px groove var(--border);
}

.header-img {
  height:5vh;
  width:5vh;
  
}
.flexbox{
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr auto;
}


.window {
  height:75vh;
  overflow:auto;
  background:var(--bg);
  border:3px groove var(--border);
  margin:5px;
}

h1, h2, h3, h4, h5, h6, p  { 
	margin: 5px;
	line-height: 1.2;
}


.bottom-bar {
 position:absolute;
 bottom:0;
 left:0;
 background:var(--bgDark); 
 border:2px ridge var(--border);
 height:6vh;
 width:99.6%;
 padding:0px;
 justify-content: center;
 align-items: center;
}

.footer-content {
 margin:10px;
display: block;
justify-content: center;
align-items: center;
  
}

.wingdings {
  font-family:wingdings !important;
}

.webdings {
  font-family:webdings !important;
}

footer a {
background: var(--bg);
border:2px ridge var(--border);
margin:0.3vh;
height:5vh;
width:5vh;
display: flex;
justify-content: center;
align-items: center;
font-size:2em;
overflow:hidden;
text-decoration:none;
color: var(--text);
font-family:wingdings;
}

footer a img {
filter: brightness(0%);
height:4vh;
width:4vh;
}

footer a img:hover {
filter: brightness(100%);
height:4vh;
width:4vh;
}

footer a:hover{
background: var(--bgMedium);
border:2px groove var(--border);
color: var(--bgLight);
}

.tooltip {
    text-decoration:none;
    position:relative;
}
.tooltip span {
    display:none;
}
.tooltip:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
}

.tooltip-text
{
 z-index:1;
background: var(--bg);
border:2px ridge var(--border);
padding: 5px;
padding-bottom:10px;
height: 2vh;
display: block;
  text-align:center;
}