/* arimo-regular - latin */
@font-face {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/arimo-v27-latin-regular.woff2") format("woff2"),
    url("../fonts/arimo-v27-latin-regular.woff") format("woff");
}
/* arimo-700 - latin */
@font-face {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/arimo-v27-latin-700.woff2") format("woff2"),
    url("../fonts/arimo-v27-latin-700.woff") format("woff");
}
body,
html {
  color: #fff;
  font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
}
body {
  background-color: #000;
}
main {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 280px;
  height: 150px;
  text-align:center;
}
h1 {
  font-size: 2em;
  font-weight: 400;
  margin: 0 0 0.3em;
}
h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin: 0 0 1em;
}
#social a {
  color: #fff;
  font-size: 1.5em;
}
.fa-fab:before {
  content: "\f09a";
}
.fa-tw:before {
  content: "\f099";
}
.fa-lin:before {
  content: "\f0e1";
}
i.fab,
i.far {
  margin: 0 0.2em;
  padding: 0.3em 0.2em;
  border-bottom: 2px solid;
  box-shadow: inset 0 0 0 0;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s;
}
i.fa-fab {
  box-shadow: inset 0 0 0 0 #3b5998;
  border-bottom-color: #3b5998;
}
i.fa-fab:hover {
  box-shadow: inset 0 -100px 0 0 #3b5998;
}
i.fa-tw {
  box-shadow: inset 0 0 0 0 #1da1f2;
  border-bottom-color: #1da1f2;
}
i.fa-tw:hover {
  box-shadow: inset 0 -100px 0 0 #1da1f2;
}
i.fa-lin {
  box-shadow: inset 0 0 0 0 #0077b5;
  border-bottom-color: #0077b5;
}
i.fa-lin:hover {
  box-shadow: inset 0 -100px 0 0 #0077b5;
}
i.fa-github {
  box-shadow: inset 0 0 0 0 #4078c0;
  border-bottom-color: #4078c0;
}
i.fa-github:hover {
  box-shadow: inset 0 -100px 0 0 #4078c0;
}
i.fa-docker {
  box-shadow: inset 0 0 0 0 #0091e2;
  border-bottom-color: #0091e2;
}
i.fa-docker:hover {
  box-shadow: inset 0 -100px 0 0 #0091e2;
}
i.fa-envelope {
  box-shadow: inset 0 0 0 0 #dd5347;
  border-bottom-color: #dd5347;
}
i.fa-envelope:hover {
  box-shadow: inset 0 -100px 0 0 #dd5347;
}
::-moz-selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
::selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}