@font-face {
    font-family: 'everson_mono';
    src: url('/evermono/everson_mono-webfont.woff2') format('woff2'),
         url('/evermono/everson_mono-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'everson_mono';
    src: url('/evermono/everson_mono_oblique-webfont.woff2') format('woff2'),
         url('/evermono/everson_mono_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'everson_mono';
    src: url('/evermono/everson_mono_bold-webfont.woff2') format('woff2'),
         url('/evermono/everson_mono_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'everson_mono';
    src: url('/evermono/everson_mono_bold_oblique-webfont.woff2') format('woff2'),
         url('/evermono/everson_mono_bold_oblique-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;

}


html {
    
        
        --akBacg:  #202030;
        --akUser:   #000000;
        --aKTime:   #000000;
       --bgColor: #454047;
      --bkColor: #323034;
      --acColor: #cfaf5f;
      --dkColor: #d0c0b0;
      --txColor: #e8e8e8;
      --hiColor: #8e8ee8;
      --plColor: #96ab47;
        --kcColor: #3080d0;
        --jcColor: #a060a0;
        --cyColor: #c08010;
        --hdColor: #30a030;
        --consColor: #e8e8e8;  
      
  color: black;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-size: auto auto;
  background-color: var(--bgColor);
  font:	courier;
        }   


body{
 
    
    margin: 0px;
}
   
      
div{
    margin: auto;
    margin-top: 20px;
    background-color: var(--dkColor);
  	float: center;
  	padding: 16px 32px;
  	border-radius: 8px;
}
      
h1{
  text-align: center;
  color: var(--hiColor);
background-color: var(--akBacg);
  font-family: 'everson-mono', 'Courier New', courier, monospace;
  font-weight: 100;
    font-size: 2.5em;
    margin: 0px;
    padding: 4px;
    border-bottom: 1px solid #e8e8e8;
}


h2{
  text-align: center;
  color: var(--acColor);
    font-family: 'everson-mono', 'Courier New', courier, monospace;
  font-weight: 600;
  font-size:	1.2em;
}
h3{
  text-align: center;
  font-family: 'everson-mono', 'Courier New', courier, monospace;
  font-weight: 600;
  font-size:	1.2em;
}

        .con{
            color: var(--consColor); 
            text-align: center;
            margin: 0px 0px;
            padding: 16px 0px;
        }
        
section{
    margin: auto;
    width: 80%;
    float: center;
        }
        
article{        
width:  80%;
margin: 0px auto;
padding: 0px;

        }
      
p{
  color: var(--txColor);
  font-family: 'everson-mono', 'Courier New', courier, monospace;
    padding: 0px 0px 24px 0px;
}
      
a {
	color: var(--hiColor); 
    text-decoration:none;
}
        
audio {
    width: 90%;
    margin: 8px 5%;
    padding: auto;
    float: center;
    }
    
img {
    width: 102%;
    padding: 0px;
    margin: 0px;
    display: block;     
        }
        
        hr {
        border: 1px solid var(--bkColor);    
        
        }
        
.audio{
    background-color: var(--dkColor);
  	float: center;
  	padding: 16px 0px;
  	border-radius: 8px;
}
        

.visual{
    /* background-image: url('KCfiller1.png'); */
    background-color: var(--dkColor);
  	float: center;
    padding: 0px 0px;
  	border-radius: 8px;
    width: 100%;
    overflow: hidden;
}
        
.text{
    background-color: var(--dkColor);
  	padding: 16px 32px;
  	border-radius: 8px;
    font-family: 'everson-mono', 'Courier New', courier, monospace;
    font-size: 1.5em;
    font-weight:100;
    color: var(--txColor);
    line-height: 1.5em;
}

.akk{
    background-color: var(--akBacg);
  	padding: 16px 32px;
    font-family: 'everson-mono', 'Courier New', courier, monospace;
    font-size: 1.5em;
    font-weight:100;
    color: var(--txColor);
    line-height: 1.5em;
}
  
.log{
            font-size: 0.75em;
            line-height: 1em;
            font-weight: thin;
            text-align: left;  
             list-style-type: none;
            margin: 0;
            padding: 0;
        }
    
.log li {
        color: var(--txColor);
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-weight: 100;
    border-bottom: 0.5px solid #404040;
}

.log li p {
    padding: 0px;
    margin: 4px;
}


        
        
        .jc{
            color: var(--jcColor); 
            font-weight: bold;
            font-size: 1.1em;
            text-align: left;
            
        }
        
        .kc{
            color: var(--kcColor);
            font-weight: bold;
            text-align: left;
            font-size: 1.1em;
            padding: 0px 0px 0px 0px;
        }

        .cy{
            color: var(--cyColor);
            font-weight: bold;
            text-align: left;
            font-size: 1.1em;
            padding: 0px 0px 0px 0px;
        }

.hd {
            color: var(--hdColor);
            font-weight: bold;
            text-align: left;
            font-size: 1.1em;
            padding: 0px 0px 0px 0px; 
}

.file{
    
    font-size: 1.2em;
    text-align: center;
}

#proflink {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
align-content:center;
    
}


#profile{
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}



        
footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px;
  background-color: var(--bgColor);
  text-align: center;
}
        

        
           
    </style>