/* CSS sanity */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #dedede;margin:0;padding:0}input,select{vertical-align:middle}a:hover,a:active{outline:none}label,input[type="submit"]{cursor:pointer}input,textarea{margin:0}
ul{list-style:none;}
a{color:#2f2f2f;outline:none;text-decoration:none;}
img{border:none;text-decoration:none;max-width:100%;height:auto;}
input{outline:none;border:none;margin:0;padding:0;}
strong {font-weight:normal !important;}

/* Default selection colors */
::-webkit-selection{background-color:red;color:white;}
::-moz-selection{background-color:red;color:white;}
::-o-selection{background-color:red;color:white;}
::-ms-selection{background-color:red;color:white;}
::selection{background-color:red;color:white;}


body {
  background-color:#fff;
  font-size:17px;
  line-height:19px;
  color:#111;
  height:100%;
  font-family: 'Fira Mono', monospace;  
  letter-spacing:6px;
  text-rendering: optimizeLegibility;
  text-transform:uppercase;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-stretch: ultra-condensed;
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 30px;
  line-height: 40px;
  border-bottom: 2px solid black;
}

h2 {

}

h3 {
  font-size: 80%;
}

.content {
  margin-left: 20px; 
  margin-top: 50px; 
  display: inline-block
}

@media only screen and (max-width : 768px) {
  .content {
    margin-left: 0px;
  }

  h3 {
    font-size: 60%;
  }
  
  .hide-sm {
    display: none;
  }
}


nav {
  position:relative;
  display:block;
  margin-top:90px;
  text-align:center;
  font-size:0px;
  -moz-user-select:none; 
  -webkit-user-select:none; 
  -ms-user-select:none; 
  -o-user-select:none;
  user-select:none;  
}

nav a {
  position:relative;
  display:inline-block !important;
  margin:0 0px;
  font-size:22px;
  color:gray;
}

nav a.twitter:hover,
nav a.twitter:focus {
	color:#8ae0fc;
}

nav a.github:hover,
nav a.github:focus {  
	color: black;   
}

nav a.linkedin:hover,
nav a.linkedin:focus {
	color:#007bb5;
}