@font-face{
    font-family: "DejaVu Sans Mono";
	src: url('DejaVuSansMono.ttf');
}

@font-face{
    font-family: "VCR OSD Mono";
	src: url('VCR OSD Mono.ttf');
}

.center {
		display: block;
		text-align: center;
	}

	#links img,footer img, li img, p img, h1 img, h2 img, h3 img {
		height: 1.25em;
	}

	body {
		/*overflow cant be changed on body. since this type of styling is not for the body tag.*/
		max-width: 1050px;
		margin-left: auto;
		margin-right: auto;
		background: #111322;
		color: #6763FF;
        font-family: "DejaVu Sans Mono",monospace;
	}

    #index {
        background-image: linear-gradient(rgb(11,13,22), rgb(11,13,42));
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    h1,h2,h3,h4,h5,h6, .column {
		color: #6763FF;
		font-family: "VCR OSD Mono",monospace;
    }
    
    #preamble {
		color: #6763FF;
		font-family: "VCR OSD Mono",monospace;
    }


	b {
		color: #7774FF;
	}

	a {
		color: #E80A0A;
		text-decoration: underline;
		font-family: "VCR OSD Mono",monospace;

	}

	a:hover {
		color: #a58383;
	}

	h1 {
		color: #CA0E16;
		font-weight: Bold;
		text-align: center;
	}

	h2 {
		color: #CA0E16;
		font-weight: Bold;
		font-weight: normal;
		text-align: center;
	}
	
	h3{
		color: #CA0E16;
		text-align: center;
		font-weight: Bold;
	}

	#links {
		font-size: large;
		text-align: center;
		margin: auto;
		max-width: 700px;
		background-color: #111322;
		padding: 5px;
		border-radius: 10px;
		/* margin-bottom: 6em */
	}

	code {
		color: #fff;
		overflow-x: auto;
	}

@media (min-width: 55em) {
	.resright {
		float: right;
		padding: 20px ;
		clear: both ;
		max-width: 300px ;
	}
	
    .resleft {
		float: left;
		padding: 20px ;
		clear: both ;
		max-width: 300px ;
	}

	body { max-width: 850px ; }
}

.column {
	float: left;
	width: 49% ;
    text-align: center;
}

figure img { max-width: 100% ; margin: auto ; }

figcaption { font-style: italic ; font-size: small ; }

figure { text-align: center; }

summary {
    color: lightskyblue;
}

.new {
    color: lightgreen;
}

.tooltip {
	color: #67BAFF;
    text-decoration: underline;
    text-decoration-style: dashed;

}

.money {
    color: orangered;
}

.articlealert {
		display: block;
		text-align: center;
        color: orangered;
        font-style:italic;
}

.youarehere {
  color: orangered;
  text-decoration: underline;
  text-decoration-style: dotted;
}