/* Davide Costa's personal website style sheet*/
@font-face	{font-family: "Courier New", monospace;
		}

body            {letter-spacing: 0.1px; padding: 10px; margin: 0; font-family: 'Share Tech Mono', Monospace, Courier; 
                font-weight: 400; font-size: 17px; color: #c8c8c8; background: #222;}
h1		{color: #10ba00; margin-bottom: 40px;
		}
h2		{color: #5aaaaa; margin-bottom: 20px; margin-top: 40px;
		}
h3		{color: #fc14a8; margin-top: 40px;
		}
html            {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
pre             {padding: 0; margin: 0 0 50px 0;}
ul              {padding: 0;}
span            {padding: 0; margin: 0 10px 0 0;}
li              {margin: 15px 0; padding: 0; list-style: none;}
a               {text-decoration: none; color: #fff;}
a:hover         {color: #fff; text-decoration: underline;}
p               {padding: 0; margin: 10px 0 30px 0; color: #c8c8c8;}
img             {width: 900px; max-width: 900px; margin-bottom: 20px;}
#page           {max-width: 900px; margin: auto; padding: 0 20px; color: #222;}
#content        {max-width:100%; margin: auto;}
#footer 		{max-width: 900px; margin:auto; margin-top: 55px;}
#list           {margin-bottom: 50px;}
#post           {max-width: 900px; margin-bottom: 20px; margin-top: -10px; line-height: 28px;}
.categories		{max-width: 300px; right:0; margin: 40px 60px 0 0; position: fixed; background: #222;
				text-align: right; z-index: 0;}
small 	{
	  	overflow-wrap: break-word;
	  	word-wrap: break-word;
		}
code	{color: #fff; background-color: #000; 
		}
ol		{counter-reset:mycounter; 
		}
ol li 	{position:relative;
		}
ol li:before	{ 
				content:counter(mycounter); 
  				counter-increment:mycounter;
				position:absolute;
				top:0;
  				left:-30px;
  				width:25px;
  				height:25px;
				color:#f0f020;
				text-align:center;
				}