@font-face {
    font-family: "Suisse Int'l Medium";
    src: url('fonts/SuisseIntl-Medium.woff2') format('woff2'),
        url('fonts/SuisseIntl-Medium.woff') format('woff'),
        url('fonts/SuisseIntl-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Suisse Works";
    src: url('fonts/SuisseWorks.woff2') format('woff2'),
        url('fonts/SuisseWorks.woff') format('woff'),
        url('fonts/SuisseWorks.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Suisse Int'l";
    src: url('fonts/SuisseIntl.woff2') format('woff2'),
        url('fonts/SuisseIntl.woff') format('woff'),
        url('fonts/SuisseIntl.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

::selection {

	background: rgba(0,255,0, 0.99);
}

* {	
	font-family: "Suisse Int'l", "sans-serif";
	font-size: 2vw;
	line-height: 1.5;
}

body, html, h3, p, a {
	margin: 0;
	padding: 0;
	color: white;
	background-color: black;
  	font-size: 2vw;

}
body {
	margin: 1vw;
}

h3 {
	font-family: "Suisse Int'l Medium", "sans-serif";
	font-weight: normal;
 	margin: 0; 
	padding: 0;
}

ul,ol {
	max-width: 1200px;
}

p {
	max-width: 90%;
}
ul {
	list-style-image: url('li.gif');
	margin-top: 0;
	margin-bottom: 0;
}

ol { 
    counter-reset: item;
    list-style-type: none;
    padding-left: 20px;
    margin-bottom: 0;
}

ol li { display: block; }
ol li:before { 
	margin: 0;
    content: counter(item) ""; 
    height: 20px;
    width: 20px;
    float: left;
    display: block;
    /*background-color: red;*/
    counter-increment: item; 
    padding-right: 10px;

}


a {
	text-decoration: none; 
	color: white;
}

a:hover {
	text-decoration: none;
	border-bottom: 0.1vw solid rgb(0,255,0);
}

code {
	font-family: 'Menlo', monospace;
	font-size: 1.8vw;
}
smallcode {
	font-family: 'Menlo', monospace;
	font-size: 12px;
}

tab {
	width: 20px;
	display: inline-block;
	height: 1px;
}

input { 
	width: 580px;
	max-width: 90%;
	 }

@media (max-width: 800px) {
	*, a, p, i, ol, ol li, ul,li i, h3 {
		font-size: 20px;
	}
	smallcode {
		clear: both;
	}

	code {
		font-size: 19px;
	}
}

@media (min-width: 1281px) {
	*, a, p, i, ol, ol li, ul, li i,h3 {
		font-size: 27px;
	}
	code {
		font-size: 23px;
	}
}