@font-face {
  font-family: 'Work Sans';
  src: url("WorkSans-Regular.ttf") format("opentype");
}

 html,body { 
   font-family:'Work Sans';
   background:#F4F4F4;
   overflow:hidden;
   font-weight: normal;
}
.caption {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#242424;
  text-align:left;
  line-height:1.3;
}
 span { font-size:40px; }
.brand { font-weight:400;border-radius:25px; }
 .type-cursor { color:#000000; animation:blink .4s ease infinite;opacity:0; }
 @keyframes blink {
  100% { opacity:1; }
 }

.channel {
  padding:10px 30px;
  background:#0a6e57;
  position:absolute;
  right:-20px;
  bottom:30px;
  padding-right:30px;
  color:#fff;
  text-decoration:none;
  border:5px solid #eee;
}


/* Style all font awesome icons */
.fa {
  padding: 10px;
  font-size: 20px;
  width: 20px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
   border-radius: 50%;
}


.fa:hover {
    opacity: 0.7;
}


.fa-linkedin {
  background: #007bb5;
  color: white;
}
.fa-behance {
  background: #053EFF;
  color: white;
}