@font-face {
  font-family: 'Cubano';
  src: url("/fonts/cubano-webfont.eot");
  src: url("/fonts/cubano-webfont.eot?#iefix") format('embedded-opentype'), url("/fonts/cubano-webfont.woff2") format('woff2'), url("/fonts/cubano-webfont.woff") format('woff'), url("/fonts/cubano-webfont.ttf") format('truetype'), url("/fonts/cubano-webfont.svg#cubanoregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #333;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font: 32px/40px 'Cubano', sans-serif;
  color: #777;
}
a {
  color: #777;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
a:focus,
a:hover {
  color: #999;
}
.logo {
  margin: 60px 0 40px 20%;
}
.logo img {
  display: block;
  height: 150px;
  margin-left: -81px;
}
h1 {
  margin-bottom: 40px;
}
h1 a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}
h1 .first-name {
  display: block;
  float: left;
  width: 20%;
  text-align: right;
  padding-right: 10px;
  color: #bebec0;
}
h1 .last-name {
  display: block;
  float: left;
  width: 80%;
  color: #19a84c;
}
.container {
  width: 960px;
  margin: 0 auto;
}
section {
  overflow: hidden;
  margin-bottom: 20px;
}
section h2 {
  float: left;
  width: 20%;
  text-align: right;
  padding-right: 10px;
  color: #bebec0;
}
section p,
section ul {
  float: left;
  width: 80%;
}
section li {
  padding-left: 20px;
  text-indent: -20px;
}
.footer {
  margin: 40px 20px 20px;
  font: 14px/20px 'Cubano', sans-serif;
  text-align: center;
}
.alp {
  color: #e58c2c;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.alp:focus,
.alp:hover {
  color: #eca961;
}
.apple {
  color: #333;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.apple:focus,
.apple:hover {
  color: #666;
}
.previous_ {
  color: #3b5998;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.previous_:focus,
.previous_:hover {
  color: #5d7dc0;
}
.calhacks {
  color: #f6b100;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.calhacks:focus,
.calhacks:hover {
  color: #ffc739;
}
.ditto {
  color: #800080;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.ditto:focus,
.ditto:hover {
  color: #e000df;
}
.email {
  color: #ee3724;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.email:focus,
.email:hover {
  color: #f2695b;
}
.facebook {
  color: #3b5998;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.facebook:focus,
.facebook:hover {
  color: #5d7dc0;
}
.filepizza {
  color: #ee3724;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.filepizza:focus,
.filepizza:hover {
  color: #f2695b;
}
.github {
  color: #333;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.github:focus,
.github:hover {
  color: #666;
}
.hackbot {
  color: #19a84c;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.hackbot:focus,
.hackbot:hover {
  color: #30e06f;
}
.hh {
  color: #19a84c;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.hh:focus,
.hh:hover {
  color: #30e06f;
}
.jpl {
  color: #ee3724;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.jpl:focus,
.jpl:hover {
  color: #f2695b;
}
.kairos {
  color: #ee3724;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.kairos:focus,
.kairos:hover {
  color: #f2695b;
}

.stackoverflow {
  color: #f69c55;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.stackoverflow:focus,
.stackoverflow:hover {
  color: #f69c55;
}

.linkedin {
  color: #287bbc;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.linkedin:focus,
.linkedin:hover {
  color: #287bbc;
}

.adtapsy {
  color: #86254a;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.adtapsy:focus,
.adtapsy:hover {
  color: #86254a;
}






.medium {
  color: #333;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.medium:focus,
.medium:hover {
  color: #666;
}
.current {
  color: #800080;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.current:focus,
.current:hover {
  color: #e000df;
}
.puddin {
  color: #e58c2c;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.puddin:focus,
.puddin:hover {
  color: #eca961;
}
.previous {
  color: #f6b100;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.previous:focus,
.previous:hover {
  color: #ffc739;
}
.twitter {
  color: #55acee;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  transition: color 0.25s;
}
.twitter:focus,
.twitter:hover {
  color: #80c1f2;
}
@media (max-width: 1279px) {
  .container {
    width: auto;
    padding: 0;
  }
}
@media (max-width: 959px) {
  body {
    font: 28px/30px 'Cubano', sans-serif;
  }
  .logo {
    margin: 40px 0 20px 50%;
  }
  h1 .first-name,
  h1 .last-name {
    width: 50%;
  }
  main {
    padding: 0 20px;
  }
  section {
    margin-bottom: 30px;
  }
  section h2 {
    margin-bottom: 15px;
    text-align: left;
  }
  section h2,
  section p,
  section ul {
    float: none;
    width: auto;
  }
  section li {
    margin-bottom: 15px;
  }
  .footer {
    font: 12px/15px 'Cubano', sans-serif;
  }
}