:root{
	--white: #E2D6C5;
	--black: #000000;
	--dark_amber: #FFB000;
	--light_amber: #FFCC00;
	--text: var(--white);
	--bg: var(--black);
	--blue: #729fcf;
	--green: #33D17A;
	--dark-green: #1c915b;
	--grey: #808080;
	/*--green: #A2DD2E;*/
	--lime_green: #AFAF00;
	--purple: #675cff;
	--red: #FF0000;
	--pred: #ff005d;
	--gasoline: #87FFAF;
	--fontsize: 14pt;
	--media-width: 80ch;

}

html {
    font-family: monospace;
	font-size: var(--fontsize);
    color: var(--text);
    background-color: var(--bg);
}

body {
-webkit-text-size-adjust: none;
   -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
        text-size-adjust: none;


    margin-left: 20px;
    margin-right: 20px;
	overflow: visible
}

p {
    /*line-height: 1.5 ;*/
    margin-top: 0 ;
    /*margin-bottom: 0 ;*/
	/*white-space: pre-wrap;*/
}

pre {
    line-height: 1.5 ;
    margin-top: 0 ;
    margin-bottom: 0 ;
	display: inline;
}

.music-date {
	margin-left: 15px;
	color: var(--grey);
	float: right;
}

table {
    border: 1px solid #E2D6C5;
    width: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 75%;
}

audio {
	width: 100%;
}

input {
	font-family: monospace;
	font-size: 12pt;
}

img {
	image-rendering: pixelated;
}

#content {
    max-width: var(--media-width);
}

a:link {
	color: var(--green);
}
a:visited {
	color: var(--green); 
}
a:active {
	color: var(--red)
}

#header {
	margin-left: 20px;
}

#logo {
	font-weight: bold;
	color: var(--text)
}

#content{
	margin-left: 20px;
    border: 1px;
    /* border-style: solid; */
    /* border-color: #A2734C; */
    /* background-color: #000000; */
}
.links {
	margin-right: 10px;
	font-size: var(--fontsize);
	text-decoration: underline;
    padding-bottom: 3px;
    display: inline-block;
}
.link-block {
	border: 1px solid var(--text);
	padding: 15px;
	width: var(--media-width);
	margin: 15px;
	/*display: inline-block;*/
}

#projects {
    /* width: 640px; */
}

.project-block {
	border: 1px solid var(--text);
	padding: 15px;
	margin: 15px;
    width: 100%;
	display: inline-block;
}

/* audio {
    width: 640px;
} */

.link-block-wrapper {
}

.plaintext {
    font-size: medium;
}

.table-header{
	text-align: left;
	border-bottom: 1px solid var(--white);
}

.header-seperator {
    margin-left: -10px;
}


.hd {
    font-weight: normal;
	color: #33D17A;

    line-height: 1.5 ;
    margin-top: 0 ;
    margin-bottom: 0 ;
}

.paragraph {
	color: #197F50;
}

.dithered-images {
	image-rendering: pixelated;
	/*max-width: 745px;*/
	/*min-width: 1064px;*/
	display: block;
}

input[type=checkbox]:checked~.hideable{
  display: none;
}
/* #list-playlists:checked~#playlist-field {
    display:none
} */

.wrap-block {
    border: 1px solid var(--text);
    margin: 15px;
    padding: 15px;
    display: inline-block;
}

.form-grid {
    display:grid;
    grid-template-columns: max-content auto;
    grid-gap:5px;
    grid-column-gap: 25px;
    justify-items: start;
}

.image-cover {
	height: 1064px;
	/*position: relative;*/
	/*background-repeat: no-repeat;*/
	/*background-image:url("balrog.png");*/
}