html {
      --bgColor: #454047;
      --bkColor: #323034;
      --acColor: #cfaf5f;
      --dkColor: #d0c0b0;
      --txColor: #D8CAAB;
      --hiColor: #323034;
      --plColor: #96ab47;
        --kcColor: #3050a0;
        --jcColor: #a050a0;
        --cyColor: #a08030;
        --consColor: #323232;
      
  color: black;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-size: auto auto;
  background-color: var(--bgColor);
  font-family: 'Courier New', courier, monospace;
        }   
   
      
div{
    margin: auto;
    margin-top: 20px;
    background-color: var(--dkColor);
  	float: center;
  	padding: 16px 32px;
  	border-radius: 4px;
}
      
h1{
  text-align: center;
  color: var(--hiColor);
  font-family: 'Courier Prime', 'Courier New', courier, monospace;
  font-weight: 100;
    font-size: 2.5em;
    margin: 4px;
    padding: 4px;
}

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

h3{
  text-align: center;
  font-family: 'Courier New', courier, monospace;
  font-weight: 600;
  font-size:	1.2em;
}
        
section{
    margin: auto;
    width: 80%;
    float: center;
        }
        
article{        
width:  80%;
margin: 16px auto;
        }
      
p{
}
      
a {
	color: var(--hiColor); 
}
        
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: 4px;
}
        

.visual{
    /* background-image: url('KCfiller1.png'); */
    background-color: var(--dkColor);
  	float: center;
    padding: 0px 0px;
  	border-radius: 4px;
    width: 100%;
    overflow: hidden;
}
        
.text{
    background-color: var(--dkColor);
  	padding: 16px 32px;
  	border-radius: 4px;
    font-family: '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;  
        }
        
        .con{
            color: var(--consColor); 
            font-weight: 100;
            text-align: center;
        }
        
        .jc{
            color: var(--jcColor); 
            font-weight: 100;
            text-align: left;
            
        }
        
        .kc{
            color: var(--kcColor);
            font-weight: 100;
            text-align: left;
        }
    
.email{
    background-color: #E8e8e8;
  	padding: 16px 32px;
  	border-radius: 4px;
    font-family: 'Courier New', courier, monospace;
    font-size: 1em;
    font-weight:100;
    line-height: 1.5em;
}
        
footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px;
  background-color: var(--bgColor);
  text-align: center;
}