/**
 *
 * Bruno Robert | rbr.uno
 *
*/
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
/*
Icons
*/
.icon--devto,
.icon--devto\:regular {
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' width='544' height='546.667' viewBox='0 0 408 410'%3E%3Cpath fill='%23FFF' d='M10.5 2.5C5.6 4.2 2.4 7.8 1 12.9.3 15.6.1 77.2.2 207.1.5 396.6.5 397.5 2.5 401c1.2 1.9 3.6 4.3 5.5 5.5 3.5 2 4.2 2 196 2s192.5 0 196-2c1.9-1.2 4.3-3.6 5.5-5.5 2-3.5 2-4.2 2-196s0-192.5-2-196c-1.2-1.9-3.6-4.3-5.5-5.5-3.5-2-4.4-2-194.5-2.2-162.9-.2-191.6 0-195 1.2zm96.8 124c9 1.9 15.5 5.6 22.2 12.6 6.1 6.4 9.9 13.7 11.5 21.9 1.3 6.9 1.3 81.1 0 88.1-3.4 18.2-18.9 32.4-38.1 34.9-4 .5-17.4 1-29.6 1H51V125h24.8c17.6 0 26.6.4 31.5 1.5zm130.7 13V154h-51v36h31v29h-31l.2 18.2.3 18.3 25.3.3 25.2.2v29h-29.5c-32.8 0-37.9-.6-43.1-5.2-7.3-6.4-6.9-2.3-7.2-72.6-.2-43.8.1-64.5.8-67.3 1.4-5.2 7.3-11.6 12.5-13.4 3.1-1.1 10.9-1.4 35.3-1.5H238v14.5zm48.9-12.3c.4 1.3 6.8 25.6 14.2 54 7.4 28.5 13.6 51.2 13.8 50.5.3-.7 6.6-24.8 14.1-53.7l13.7-52.5 15.6-.3c11.8-.2 15.7.1 15.7 1s-34.6 132.4-36.6 139c-1.4 4.6-8.9 14-13.1 16.5-5.3 3-13.1 3.5-17.9 1-4.3-2.2-10-8.8-12.9-15-1.8-3.8-31.2-112-38-140l-.7-2.7h15.6c15.3 0 15.7 0 16.5 2.2z'/%3E%3Cpath fill='%23FFF' d='M80 205v51.2l10.3-.4c8.9-.3 10.8-.7 14.8-3 7.8-4.6 7.9-4.9 7.9-48.4 0-42.4 0-42.4-7.3-47.2-3.6-2.4-5.1-2.7-14.9-3.1l-10.8-.3V205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.icon--blog,
.icon--blog\:regular {
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 2134 2134' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M1635.42,-2.083l83.333,-0c28.283,8.586 54.675,21.781 79.167,39.583c97.916,97.917 195.833,195.833 293.75,293.75c18.966,25.42 32.162,53.198 39.583,83.333l-0,75c-7.421,30.134 -20.617,57.913 -39.583,83.334c-50,50 -100,100 -150,150c-178.471,-178.471 -356.946,-356.945 -535.417,-535.417c51.387,-51.389 102.779,-102.778 154.167,-154.167c23.783,-15.374 48.783,-27.18 75,-35.416Z' style='fill:%23fffbfb;fill-opacity:0.98;'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M1322.92,268.75c179.716,177.633 358.883,356.104 537.5,535.417c-363.25,363.945 -727.142,727.141 -1091.67,1089.58c-179.167,-176.388 -356.945,-354.167 -533.333,-533.333c362.587,-363.975 725.087,-727.867 1087.5,-1091.67Z' style='fill:%23fffbfb;fill-opacity:0.99;'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M85.417,2131.25l-45.834,0c-18.16,-9.825 -32.049,-23.717 -41.666,-41.667l-0,-45.833c56.808,-194.083 113.753,-388.525 170.833,-583.333c168.055,165.279 334.721,331.946 500,500c-194.446,58.316 -388.89,115.262 -583.333,170.833Z' style='fill:%23fffbfb;fill-opacity:0.97;'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.icon--email,
.icon--email\:regular {
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  vertical-align: middle;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%2012.713L.015%203h23.971L12%2012.713zm-5.425-1.822L0%205.562v12.501l6.575-7.172zm10.85%200L24%2018.063V5.562l-6.575%205.329zm-1.557%201.261L12%2015.287l-3.868-3.135L.022%2021h23.956l-8.11-8.848z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.icon--github,
.icon--github\:regular {
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  vertical-align: middle;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%200C5.374%200%200%205.373%200%2012c0%205.302%203.438%209.8%208.207%2011.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729%201.205.084%201.839%201.237%201.839%201.237%201.07%201.834%202.807%201.304%203.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931%200-1.311.469-2.381%201.236-3.221-.124-.303-.535-1.524.117-3.176%200%200%201.008-.322%203.301%201.23A11.509%2011.509%200%200%201%2012%205.803c1.02.005%202.047.138%203.006.404%202.291-1.552%203.297-1.23%203.297-1.23.653%201.653.242%202.874.118%203.176.77.84%201.235%201.911%201.235%203.221%200%204.609-2.807%205.624-5.479%205.921.43.372.823%201.102.823%202.222v3.293c0%20.319.192.694.801.576C20.566%2021.797%2024%2017.3%2024%2012c0-6.627-5.373-12-12-12z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.icon--key,
.icon--key\:regular {
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  vertical-align: middle;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.625%208.292a.917.917%200%201%201-1.834%200%20.917.917%200%200%201%201.834%200zM24%2012c0%206.627-5.373%2012-12%2012S0%2018.627%200%2012%205.373%200%2012%200s12%205.373%2012%2012zm-11.293%201.946a4.61%204.61%200%200%201-2.561-2.423L7%2014.708V17h3v-1h1v-1h.672l1.035-1.054zM18%209.667a3.667%203.667%200%201%200-7.335%200%203.667%203.667%200%200%200%207.335%200z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.icon--lkdin,
.icon--lkdin\:regular {
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  vertical-align: middle;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19%200H5a5%205%200%200%200-5%205v14a5%205%200%200%200%205%205h14a5%205%200%200%200%205-5V5a5%205%200%200%200-5-5zM8%2019H5V8h3v11zM6.5%206.732c-.966%200-1.75-.79-1.75-1.764s.784-1.764%201.75-1.764%201.75.79%201.75%201.764-.783%201.764-1.75%201.764zM20%2019h-3v-5.604c0-3.368-4-3.113-4%200V19h-3V8h3v1.765c1.396-2.586%207-2.777%207%202.476V19z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.icon--xing,
.icon--xing\:regular {
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  vertical-align: middle;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M14.887%2024l-5.324-9.667L17.633%200h4.933l-8.069%2014.333L19.767%2024h-4.88zM7.596%205H2.657l2.768%204.744L1.31%2017h4.914l4.117-7.271L7.596%205z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.icon--gitlab,
.icon--gitlab\:regular {
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  vertical-align: middle;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2015%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M2.97.34c-.08-.22-.28-.36-.5-.35%20-.23%200-.42.16-.47.37l-2.01%208c-.05.18.01.37.15.5l6.99%205.99c.18.16.46.16.65%200l6.99-6c.14-.13.2-.32.15-.51l-2-8.01c-.06-.22-.25-.37-.47-.38%20-.23-.01-.43.13-.5.34l-1.89%205.65H4.78L2.89.28Z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
html,
body {
  width: 100vw;
  height: 100vh;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: normal;
}
body {
  margin: 0;
  overflow: hidden;
  color: #FFF;
}
a {
  color: #FFF;
  text-decoration: none;
}
ul {
  list-style: none;
}
@keyframes fading {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    color: #00FF08;
    border-color: #00FF08;
  }
}
@keyframes blink {
  from,
  to {
    color: transparent;
  }
  50% {
    color: #00FF08;
  }
}
.text-shadow,
.content .content--heading .content--heading-title,
.content .content--heading .content--heading-slug,
.content .link-list .link-list--item {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
.visible {
  display: flex !important;
}
.hidden {
  display: none !important;
}
.js-copy-target {
  position: absolute;
  left: -30000px;
  top: -30000px;
}
.background-video {
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.layout--backdrop {
  background: -moz-linear-gradient(-45deg,  rgba(255,151,97,0.8) 0%, rgba(0,23,113,0.8) 100%);
  background: -webkit-linear-gradient(-45deg,  rgba(255,151,97,0.8) 0%,rgba(0,23,113,0.8) 100%);
  background: linear-gradient(135deg,  rgba(255,151,97,0.8) 0%,rgba(0,23,113,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff9761', endColorstr='#cc001771',GradientType=1 );
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0);
}
.content {
  flex: none;
  width: 86%;
  max-width: 666px;
}
.content .content--heading {
  margin-bottom: 60px;
}
.content .content--heading .content--heading-title {
  margin: 0;
  font-size: 41px;
  line-height: 51px;
  font-weight: normal;
}
.content .content--heading .content--heading-slug {
  background-color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  padding: 6px 6px 6px 11px;
  margin: 0;
  color: #00FF08;
  font-size: 18px;
  line-height: 23px;
  font-family: 'Ubuntu Mono', monospace;
  font-weight: 100;
  transform: translate(4px, 0);
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.content .content--heading .content--heading-slug .blinking-cursor {
  animation: 1s blink step-end infinite;
  line-height: 23px;
}
@media screen and (min-width: 768px) {
  .content .content--heading {
    margin-bottom: 45px;
  }
  .content .content--heading .content--heading-title {
    display: inline-block;
    font-size: 50px;
  }
  .content .content--heading .content--heading-slug {
    transform: translate(15px, -11px);
  }
}
.content .link-list .link-list--item {
  line-height: 33px;
  vertical-align: middle;
}
.content .link-list .link-list--button {
  border: 1px solid #FFF;
  border-radius: 5px;
  padding: 3px 12px;
  margin-left: 8px;
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .content .link-list {
    width: 50%;
    float: left;
  }
  .content .link-list .link-list--button {
    opacity: 0.5;
    transition: opacity 0.2s;
    position: relative;
  }
  .content .link-list .link-list--button:hover {
    opacity: 1;
    transition: opacity 0.3s;
  }
  .content .link-list .link-list--button.copied {
    animation: fading 0.5s;
    pointer-events: none;
  }
}
.content .content--social-links {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .content .content--social-links {
    margin-bottom: 0;
  }
}
.bottom-links {
  display: block;
  position: fixed;
  right: 20px;
  bottom: 20px;
}
#privacy-policy,
#imprint {
  width: 100vw;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0);
}
#privacy-policy .close,
#imprint .close {
  display: block;
  cursor: pointer;
  font-size: 48px;
  position: absolute;
  top: 0;
  right: 26px;
}
#privacy-policy .scroll-content,
#imprint .scroll-content {
  flex: none;
  width: 86%;
  max-height: 90vh;
  overflow: auto;
}
#privacy-policy .scroll-content p,
#imprint .scroll-content p {
  margin-bottom: 15px;
}