@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=VT323);
html {
  margin: 0;
  height: 100%;
  color: rgba(255, 255, 255, 0.76);
  font-family: "VT323", Helvetica, sans-serif; }

body {
  background-color: #cf4646;
  margin: 0;
  height: 100%;
  color: #fff;
  font-family: "VT323", Helvetica, sans-serif; }

.wrap {
  height: 100%; }
  .wrap.cv {
    -webkit-animation: cube 0.4s normal forwards;
    -moz-animation: cube 0.4s normal forwards;
    -ms-animation: cube 0.4s normal forwards;
    -o-animation: cube 0.4s normal forwards;
    animation: cube 0.4s normal forwards; }

/**
 * Tooltip Styles */
/* Base styles for the element that has a tooltip */
[data-tooltip], .tooltip {
  position: relative;
  cursor: pointer; }

/* Base styles for the entire tooltip */
[data-tooltip]:before, [data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none; }

.tooltip:before, .tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none; }

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
[data-tooltip]:focus:before, [data-tooltip]:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.tooltip:hover:before, .tooltip:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
.tooltip:focus:before, .tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
.tooltip:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: ""; }

/* Base styles for the tooltip's directional arrow */
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: ""; }

/* Base styles for the tooltip's content area */
.tooltip:after, [data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #FFF;
  color: #000;
  content: attr(data-tooltip);
  font-size: 16px;
  line-height: 1.2; }

/* Bottom */
.tooltip-bottom:before, .tooltip-bottom:after {
  top: 200%;
  bottom: auto;
  left: 10%; }
.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #FFF; }
.tooltip-bottom:hover:before, .tooltip-bottom:hover:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px); }
.tooltip-bottom:focus:before, .tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px); }

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after, .tooltip:after, .tooltip-top:after {
  margin-left: -80px; }

[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px); }
[data-tooltip]:focus:before, [data-tooltip]:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px); }

.tooltip:hover:before, .tooltip:hover:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px); }
.tooltip:focus:before, .tooltip:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px); }

.tooltip-top:hover:before, .tooltip-top:hover:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px); }
.tooltip-top:focus:before, .tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px); }

@keyframes "cube" {
  from {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5); }
  to {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); } }
@-moz-keyframes cube {
  from {
    -moz-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -moz-transform: scale(0.5);
    transform: scale(0.5); }
  to {
    -moz-transform: translateY(100%);
    transform: translateY(100%); } }
@-webkit-keyframes "cube" {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }
@-ms-keyframes "cube" {
  from {
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -ms-transform: scale(0.5);
    transform: scale(0.5); }
  to {
    -ms-transform: translateY(100%);
    transform: translateY(100%); } }
@-o-keyframes "cube" {
  from {
    -o-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  to {
    -o-transform: translateY(100%);
    transform: translateY(100%); } }
.logo-container {
  padding: 18% 0 40px 0; }
  .logo-container > svg {
    display: block;
    margin: auto;
    width: 400px;
    height: 60px; }

.after {
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  -o-animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-animation: blink 1.3s infinite;
  -moz-animation: blink 1.3s infinite;
  -o-animation: blink 1.3s infinite;
  animation: blink 1.3s infinite; }

.icons {
  text-align: center; }
  .icons span {
    padding-right: 40px;
    font-size: 20pt;
    display: inline-block;
    overflow: hidden;
    opacity: 0; }
  .icons a:nth-child(1) span {
    opacity: 0;
    /*animation */
    -webkit-animation: anicon 1s normal forwards;
    -moz-animation: anicon 1s normal forwards;
    -ms-animation: anicon 1s normal forwards;
    -o-animation: anicon 1s normal forwards;
    animation: anicon 1s normal forwards;
    /*animation-delay */
    -webkit-animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    -ms-animation-delay: 2.8s;
    -o-animation-delay: 2.8s;
    animation-delay: 2.8s;
    text-align: center;
    font-size: 20pt;
    color: #fff;
    cursor: pointer; }
    .icons a:nth-child(1) span:hover {
      color: rgba(255, 255, 255, 0.8); }
  .icons a:nth-child(2) span {
    opacity: 0;
    /*animation */
    -webkit-animation: anicon 1s normal forwards;
    -moz-animation: anicon 1s normal forwards;
    -ms-animation: anicon 1s normal forwards;
    -o-animation: anicon 1s normal forwards;
    animation: anicon 1s normal forwards;
    /*animation-delay */
    -webkit-animation-delay: 3.1s;
    -moz-animation-delay: 3.1s;
    -ms-animation-delay: 3.1s;
    -o-animation-delay: 3.1s;
    animation-delay: 3.1s;
    text-align: center;
    font-size: 20pt;
    color: #fff;
    cursor: pointer; }
    .icons a:nth-child(2) span:hover {
      color: rgba(255, 255, 255, 0.8); }
  .icons a:nth-child(3) span {
    opacity: 0;
    /*animation */
    -webkit-animation: anicon 1s normal forwards;
    -moz-animation: anicon 1s normal forwards;
    -ms-animation: anicon 1s normal forwards;
    -o-animation: anicon 1s normal forwards;
    animation: anicon 1s normal forwards;
    /*animation-delay */
    -webkit-animation-delay: 3.4s;
    -moz-animation-delay: 3.4s;
    -ms-animation-delay: 3.4s;
    -o-animation-delay: 3.4s;
    animation-delay: 3.4s;
    text-align: center;
    font-size: 20pt;
    color: #fff; }
    .icons a:nth-child(3) span:hover {
      color: rgba(255, 255, 255, 0.8); }
  .icons a:nth-child(4) span {
    opacity: 0;
    /*animation */
    -webkit-animation: anicon 1s normal forwards;
    -moz-animation: anicon 1s normal forwards;
    -ms-animation: anicon 1s normal forwards;
    -o-animation: anicon 1s normal forwards;
    animation: anicon 1s normal forwards;
    /*animation-delay */
    -webkit-animation-delay: 3.7s;
    -moz-animation-delay: 3.7s;
    -ms-animation-delay: 3.7s;
    -o-animation-delay: 3.7s;
    animation-delay: 3.7s;
    text-align: center;
    font-size: 20pt;
    color: #fff; }
    .icons a:nth-child(4) span:hover {
      color: rgba(255, 255, 255, 0.8); }
  .icons a:nth-child(5) span {
    opacity: 0;
    /*animation */
    -webkit-animation: anicon 1s normal forwards;
    -moz-animation: anicon 1s normal forwards;
    -ms-animation: anicon 1s normal forwards;
    -o-animation: anicon 1s normal forwards;
    animation: anicon 1s normal forwards;
    /*animation-delay */
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -ms-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
    text-align: center;
    font-size: 20pt;
    color: #fff; }
    .icons a:nth-child(5) span:hover {
      color: rgba(255, 255, 255, 0.8); }

@keyframes "anicon" {
  0% {
    -webkit-transform: translateY(100%) rotate(90deg);
    -moz-transform: translateY(100%) rotate(90deg);
    -o-transform: translateY(100%) rotate(90deg);
    -ms-transform: translateY(100%) rotate(90deg);
    transform: translateY(100%) rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; }
  20% {
    -webkit-transform: translateY(-120%);
    -moz-transform: translateY(-120%);
    -o-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }
  30% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%); }
  50% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; } }
@-moz-keyframes anicon {
  0% {
    -moz-transform: translateY(100%) rotate(90deg);
    transform: translateY(100%) rotate(90deg);
    filter: alpha(opacity=0);
    opacity: 0; }
  20% {
    -moz-transform: translateY(-120%);
    transform: translateY(-120%);
    filter: alpha(opacity=100);
    opacity: 1; }
  30% {
    -moz-transform: translateY(0%);
    transform: translateY(0%); }
  40% {
    -moz-transform: translateY(-25%);
    transform: translateY(-25%); }
  50% {
    -moz-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
    filter: alpha(opacity=100);
    opacity: 1; } }
@-webkit-keyframes "anicon" {
  0% {
    -webkit-transform: translateY(100%) rotate(90deg);
    transform: translateY(100%) rotate(90deg);
    filter: alpha(opacity=0);
    opacity: 0; }
  20% {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    filter: alpha(opacity=100);
    opacity: 1; }
  30% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%); }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    filter: alpha(opacity=100);
    opacity: 1; } }
@-ms-keyframes "anicon" {
  0% {
    -ms-transform: translateY(100%) rotate(90deg);
    transform: translateY(100%) rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; }
  20% {
    -ms-transform: translateY(-120%);
    transform: translateY(-120%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }
  30% {
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  40% {
    -ms-transform: translateY(-25%);
    transform: translateY(-25%); }
  50% {
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; } }
@-o-keyframes "anicon" {
  0% {
    -o-transform: translateY(100%) rotate(90deg);
    transform: translateY(100%) rotate(90deg);
    filter: alpha(opacity=0);
    opacity: 0; }
  20% {
    -o-transform: translateY(-120%);
    transform: translateY(-120%);
    filter: alpha(opacity=100);
    opacity: 1; }
  30% {
    -o-transform: translateY(0%);
    transform: translateY(0%); }
  40% {
    -o-transform: translateY(-25%);
    transform: translateY(-25%); }
  50% {
    -o-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    -o-transform: translateY(0%);
    transform: translateY(0%);
    filter: alpha(opacity=100);
    opacity: 1; } }
.logo-container > svg > path {
  stroke: #454547;
  fill: none;
  clip-path: url(#theLetters); }

@font-face {
  font-family: 'icons';
  src: url("../fonts/icons/icons.eot");
  src: url("../fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/icons.woff") format("woff"), url("../fonts/icons/icons.ttf") format("truetype"), url("../fonts/icons/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before { content: '\e800'; }
.icon-linkedin:before { content: '\e801'; }
.icon-user:before { content: '\e802'; }
.icon-github:before { content: '\e803'; }
.icon-mail:before { content: '\e804'; }