/* css/fira/fira.css */
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-Hair-DTH4NYW6.eot);
  src:
    url(./FiraSans-Hair-DTH4NYW6.eot) format("embedded-opentype"),
    url(./FiraSans-Hair-W3ZAJLUL.woff2) format("woff2"),
    url(./FiraSans-Hair-U7VFGCNB.woff) format("woff"),
    url(./FiraSans-Hair-RDPPHWLJ.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-HairItalic-LYC7YT5W.eot);
  src:
    url(./FiraSans-HairItalic-LYC7YT5W.eot) format("embedded-opentype"),
    url(./FiraSans-HairItalic-UHIQDX4D.woff2) format("woff2"),
    url(./FiraSans-HairItalic-X7HW7RNI.woff) format("woff"),
    url(./FiraSans-HairItalic-VYSSRDZN.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-UltraLight-PKZ6WCLL.eot);
  src:
    url(./FiraSans-UltraLight-PKZ6WCLL.eot) format("embedded-opentype"),
    url(./FiraSans-UltraLight-4GEMMQA7.woff2) format("woff2"),
    url(./FiraSans-UltraLight-TCZG5OCR.woff) format("woff"),
    url(./FiraSans-UltraLight-ZKNCET4C.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-UltraLightItalic-FO264RXC.eot);
  src:
    url(./FiraSans-UltraLightItalic-FO264RXC.eot) format("embedded-opentype"),
    url(./FiraSans-UltraLightItalic-UJD6NNWF.woff2) format("woff2"),
    url(./FiraSans-UltraLightItalic-OUEV3SQH.woff) format("woff"),
    url(./FiraSans-UltraLightItalic-VNYMQI57.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-Light-NT73YGD2.eot);
  src:
    url(./FiraSans-Light-NT73YGD2.eot) format("embedded-opentype"),
    url(./FiraSans-Light-KGGNL5N2.woff2) format("woff2"),
    url(./FiraSans-Light-LSYYVD7V.woff) format("woff"),
    url(./FiraSans-Light-H7AFQTV3.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-LightItalic-TX2N6TL3.eot);
  src:
    url(./FiraSans-LightItalic-TX2N6TL3.eot) format("embedded-opentype"),
    url(./FiraSans-LightItalic-NFTPTZS6.woff2) format("woff2"),
    url(./FiraSans-LightItalic-KXKKJSZZ.woff) format("woff"),
    url(./FiraSans-LightItalic-H7GPRSM5.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-Regular-2Y27QHWR.eot);
  src:
    url(./FiraSans-Regular-2Y27QHWR.eot) format("embedded-opentype"),
    url(./FiraSans-Regular-4EEUODOF.woff2) format("woff2"),
    url(./FiraSans-Regular-3ETT2TUQ.woff) format("woff"),
    url(./FiraSans-Regular-YMSA6JHQ.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-Italic-XOLUMXLR.eot);
  src:
    url(./FiraSans-Italic-XOLUMXLR.eot) format("embedded-opentype"),
    url(./FiraSans-Italic-MSQRUAHH.woff2) format("woff2"),
    url(./FiraSans-Italic-52A3ZXKC.woff) format("woff"),
    url(./FiraSans-Italic-4KK3B3RI.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-Medium-FNTJL67J.eot);
  src:
    url(./FiraSans-Medium-FNTJL67J.eot) format("embedded-opentype"),
    url(./FiraSans-Medium-4P4WFFMJ.woff2) format("woff2"),
    url(./FiraSans-Medium-TFK3AJJH.woff) format("woff"),
    url(./FiraSans-Medium-YDAFKLXC.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-MediumItalic-X7JKZN44.eot);
  src:
    url(./FiraSans-MediumItalic-X7JKZN44.eot) format("embedded-opentype"),
    url(./FiraSans-MediumItalic-5PPPENFW.woff2) format("woff2"),
    url(./FiraSans-MediumItalic-J4HOC6OZ.woff) format("woff"),
    url(./FiraSans-MediumItalic-HLHHET43.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-SemiBold-VOS2MZSQ.eot);
  src:
    url(./FiraSans-SemiBold-VOS2MZSQ.eot) format("embedded-opentype"),
    url(./FiraSans-SemiBold-AE2RTPBR.woff2) format("woff2"),
    url(./FiraSans-SemiBold-6CCGWTMA.woff) format("woff"),
    url(./FiraSans-SemiBold-Z4I6HNJN.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-SemiBoldItalic-VPTV7NRF.eot);
  src:
    url(./FiraSans-SemiBoldItalic-VPTV7NRF.eot) format("embedded-opentype"),
    url(./FiraSans-SemiBoldItalic-CHOLFMFH.woff2) format("woff2"),
    url(./FiraSans-SemiBoldItalic-CM4DYVTS.woff) format("woff"),
    url(./FiraSans-SemiBoldItalic-6TOUC4RN.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-Bold-C4JFEYCL.eot);
  src:
    url(./FiraSans-Bold-C4JFEYCL.eot) format("embedded-opentype"),
    url(./FiraSans-Bold-BMAATULY.woff2) format("woff2"),
    url(./FiraSans-Bold-I4JMFOFZ.woff) format("woff"),
    url(./FiraSans-Bold-JHSX653B.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-BoldItalic-4SS5JLEE.eot);
  src:
    url(./FiraSans-BoldItalic-4SS5JLEE.eot) format("embedded-opentype"),
    url(./FiraSans-BoldItalic-6KW4YTZU.woff2) format("woff2"),
    url(./FiraSans-BoldItalic-MND33IRM.woff) format("woff"),
    url(./FiraSans-BoldItalic-BHOCEVXR.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-ExtraBold-QDOIWBYV.eot);
  src:
    url(./FiraSans-ExtraBold-QDOIWBYV.eot) format("embedded-opentype"),
    url(./FiraSans-ExtraBold-5ILQS2TS.woff2) format("woff2"),
    url(./FiraSans-ExtraBold-UNMPO4VO.woff) format("woff"),
    url(./FiraSans-ExtraBold-VDNQIGSR.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-ExtraBoldItalic-NR7OQL3T.eot);
  src:
    url(./FiraSans-ExtraBoldItalic-NR7OQL3T.eot) format("embedded-opentype"),
    url(./FiraSans-ExtraBoldItalic-VKHCTK2P.woff2) format("woff2"),
    url(./FiraSans-ExtraBoldItalic-ZRYHNIV4.woff) format("woff"),
    url(./FiraSans-ExtraBoldItalic-GVHBMPRK.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-Heavy-KRT35FNF.eot);
  src:
    url(./FiraSans-Heavy-KRT35FNF.eot) format("embedded-opentype"),
    url(./FiraSans-Heavy-KEEU4BU5.woff2) format("woff2"),
    url(./FiraSans-Heavy-G7UUAAJL.woff) format("woff"),
    url(./FiraSans-Heavy-FBUPWLPI.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url(./FiraSans-HeavyItalic-DYYXB3BP.eot);
  src:
    url(./FiraSans-HeavyItalic-DYYXB3BP.eot) format("embedded-opentype"),
    url(./FiraSans-HeavyItalic-BI5X3N3C.woff2) format("woff2"),
    url(./FiraSans-HeavyItalic-DHEHXMZL.woff) format("woff"),
    url(./FiraSans-HeavyItalic-PWBAY7OX.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Fira Mono";
  src: url(./FiraMono-Regular-J2SSDFVQ.eot);
  src:
    url(./FiraMono-Regular-J2SSDFVQ.eot) format("embedded-opentype"),
    url(./FiraMono-Regular-NFEECSM4.woff2) format("woff2"),
    url(./FiraMono-Regular-6GR52KRL.woff) format("woff"),
    url(./FiraMono-Regular-BIDR3P5H.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Fira Mono";
  src: url(./FiraMono-Bold-7SBT23JN.eot);
  src:
    url(./FiraMono-Bold-7SBT23JN.eot) format("embedded-opentype"),
    url(./FiraMono-Bold-QTSQZL3H.woff2) format("woff2"),
    url(./FiraMono-Bold-7D62VXLM.woff) format("woff"),
    url(./FiraMono-Bold-3EGMASZW.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

/* css/style.css */
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-width: 100%;
  font-family: "Fira Sans", sans-serif;
  font-size: 1em;
  text-align: center;
  color: #fff;
  font-weight: 300;
  overflow-x: hidden;
  background-color: rgb(37, 27, 38);
}
a:link,
a:visited,
a:hover,
a:focus,
a:active,
a:visited:hover {
  color: #fff;
}
.landing {
  font-size: 5em;
  line-height: 1.3em;
  padding: 0 50px;
  margin-bottom: 200px;
  height: 100vh;
}
.headline {
  margin-bottom: 1em;
  font-weight: 400;
}
.icon-wrapper {
  margin-bottom: 50px;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.flex-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.flex-item {
  margin: 40px;
}
.flex-item a {
  text-decoration: none;
}
@keyframes scale-easeOutElastic-grow {
  0% {
    width: 150px;
    height: 150px;
  }
  16% {
    width: 249px;
    height: 249px;
  }
  28% {
    width: 215.25px;
    height: 215.25px;
  }
  44% {
    width: 228.75px;
    height: 228.75px;
  }
  59% {
    width: 223.5px;
    height: 223.5px;
  }
  73% {
    width: 225.75px;
    height: 225.75px;
  }
  88% {
    width: 225px;
    height: 225px;
  }
  100% {
    width: 225px;
    height: 225px;
  }
}
@keyframes scale-easeOutElastic-shrink {
  0% {
    width: 225px;
    height: 225px;
  }
  16% {
    width: 126px;
    height: 126px;
  }
  28% {
    width: 159.75px;
    height: 159.75px;
  }
  44% {
    width: 146.25px;
    height: 146.25px;
  }
  59% {
    width: 151.5px;
    height: 151.5px;
  }
  73% {
    width: 149.25px;
    height: 149.25px;
  }
  88% {
    width: 150px;
    height: 150px;
  }
  100% {
    width: 150px;
    height: 150px;
  }
}
.flex-item:hover .container {
  animation: scale-easeOutElastic-grow 0.8s forwards;
}
.flex-item .container {
  animation: scale-easeOutElastic-shrink 0.8s forwards;
}
.container {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  border: solid 5px;
  border-color: #fff;
  margin-bottom: 10px;
}
.container img {
  width: 100%;
}
@media (orientation: portrait) {
  .icon-wrapper {
    flex-direction: column;
  }
  .flex-item {
    margin: 20px;
  }
  .landing {
    font-size: 4em;
  }
}