@font-face {
				font-family: dos-font;
				src: url(/Web437_IBM_VGA_8x16.woff);
			}

			div.title {
				text-align: center;
				font-size: 24px;
			}

			h1, h2 {
				color: #FFFFFF;
			}

			ol, ul { 
				font-size: 16px;
				color: #00FFFF;
			}

			li {
				color: #aaa;
                                margin-top: 10px;
			}

			p {
				font-size: 16px;
			}

			a {
				color: #fff;
			}

			a:active {
				color: #add7e6;
			}

			pre {
				text-align: left;
				background-color: #111;
				overflow-x: auto;
				padding-left: 20px;
				width: 100%;
			}

			div.main {
				font-family: "Fira Sans", "dos-font", sans-serif;
				color: #aaa;
				background-color: #222;
				border: 5px double #111;
				padding: 20px;
				margin-left: auto;
				margin-right: auto;
				width: 60%;
			}

			.animate {
				animation: fade-in 0.2s ease-in; 
			}

			body {
 				/*background-image: url("images/guy.png"), url('images/soy.jpg');*/
 				background-color: #111;
				background-position: unset;
				background-repeat: repeat;
				background-size: auto;
				position: relative;
			}

			@media screen and (max-width: 800px){
				div.main {
					width: 100%;
					padding: 5px;
				}
			}

			@keyframes fade-in {
				0% { opacity: 0%; }
				100% {opacity 100%;}
			}