less/style.css [1:304]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Fira+Mono|Work+Sans:400,500,700');
* {
  color: inherit;
  border: 0;
  margin: 0;
  padding: 0;
}
a {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-decoration: none;
  cursor: pointer;
}
address {
  font-style: normal;
}
body {
  cursor: default;
}
button {
  background: none;
}
button,
label {
  cursor: pointer;
}
mark {
  background: none;
}
li {
  list-style: none;
}
:focus {
  outline: none!important;
}
::-moz-focus-inner {
  border: 0;
}
summary::-webkit-details-marker {
  display: none;
}
input {
  background: none;
  border-radius: 0;
}
button,
input[type="submit"],
input[type="text"] {
  -webkit-appearance: none;
}
textarea {
  font-family: inherit;
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: none;
}
p {
  width: 100%;
}
img {
  width: auto;
  height: auto;
}
/**/
/**/
@font-face {
  font-family: 'Brown';
  src: url('fonts/Brown-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Brown-Regular.otf') format('opentype'), url('fonts/Brown-Regular.woff') format('woff'), url('fonts/Brown-Regular.ttf') format('truetype'), url('fonts/Brown-Regular.svg#Brown-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brown';
  src: url('fonts/Brown-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Brown-Bold.otf') format('opentype'), url('fonts/Brown-Bold.woff') format('woff'), url('fonts/Brown-Bold.ttf') format('truetype'), url('fonts/Brown-Bold.svg#Brown-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'AmazonEmber';
  src: url('fonts/AmazonEmber-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AmazonEmber-Regular.woff') format('woff'), url('fonts/AmazonEmber-Regular.ttf') format('truetype'), url('fonts/AmazonEmber-Regular.svg#AmazonEmber-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Circular Std';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/CircularStd-Book.woff') format('woff');
}
@font-face {
  font-family: "firecracker";
  src: url("fonts/firecracker.eot");
  src: url("fonts/firecracker.eot?#iefix") format("embedded-opentype"), url("fonts/firecracker.woff") format("woff"), url("fonts/firecracker.ttf") format("truetype"), url("fonts/firecracker.svg#firecracker") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "firecracker" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*="icon-"],
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "firecracker" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
}
.icon-slack:before {
  content: "\61";
}
.icon-github:before {
  content: "\62";
}
.icon-right-arrow:before {
  content: "\63";
}
.css-button {
  padding: 15px;
  text-transform: uppercase;
  font: 700 16px 'Brown', sans-serif;
  color: #fff;
  letter-spacing: 1px;
  border-radius: 6px;
  background-image: radial-gradient(circle at 100% 0, #7e7871, #68635e 17%, #514d49);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: 0.3s ease background-image, 0.3s ease box-shadow, 0.3s ease transform;
}
.css-button.sta-hoverOFF:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), radial-gradient(circle at 100% 0, #7e7871, #68635e 17%, #514d49);
  transform: translateY(-2px);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}
.css-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), radial-gradient(circle at 100% 0, #7e7871, #68635e 17%, #514d49) !important;
}
.css-button span {
  transform: translateY(3px);
}
.css-button i {
  font-size: 27px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .css-button {
    font: 700 14px/1.43 'Brown', sans-serif;
    letter-spacing: .9px;
    background-image: linear-gradient(260deg, #7e7263, #665d51);
  }
  .css-button i {
    display: none;
  }
}
.css-button2 {
  height: 55px;
  padding: 0 15px;
  text-transform: uppercase;
  font: 700 16px 'Brown', sans-serif;
  color: #fff;
  letter-spacing: 1px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 360px;
  border: 2px solid #fff;
  box-sizing: border-box;
  transition: 0.3s ease background-color, 0.3s ease box-shadow, 0.3s ease transform, 0.3s ease color;
}
.css-button2.sta-hoverOFF:hover {
  background-color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  color: #ff542a;
}
.css-button2:active {
  background-color: #fff !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
  color: #ff542a !important;
}
.css-button2 span {
  transform: translateY(3px);
}
.css-button2 i {
  font-size: 27px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .css-button2 {
    height: 40px;
    min-width: 220px;
    font: 700 14px/1.43 'Brown', sans-serif;
    letter-spacing: .9px;
  }
}
.css-button3 {
  padding: 15px;
  text-transform: uppercase;
  font: 700 16px 'Brown', sans-serif;
  color: #4f483f;
  letter-spacing: 1px;
  border-radius: 6px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: 0.3s ease opacity, 0.3s ease box-shadow, 0.3s ease transform;
}
.css-button3.sta-hoverOFF:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}
.css-button3.sta-hoverOFF:hover > * {
  opacity: .75;
}
.css-button3:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.css-button3:active > * {
  opacity: .75!important;
}
.css-button3 > * {
  transition: .3s ease opacity;
}
.css-button3 span {
  transform: translateY(3px);
}
.css-button3 i {
  font-size: 27px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .css-button3 {
    font: 700 14px/1.43 'Brown', sans-serif;
    letter-spacing: .9px;
  }
  .css-button3 i {
    display: none;
  }
}
.css-box {
  border-radius: 6px;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
}
@media (max-width: 767px) {
  .css-box {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 900px) {
  body.over-hidden {
    overflow: hidden;
  }
}
[id^="sta"] {
  position: fixed;
  top: 0;
  left: -99px;
}
[class^="mdl-"] {
  padding: 0 40px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  [class^="mdl-"] {
    padding: 0 18px;
  }
}
[class^="mdl-"] p {
  margin-bottom: 20px;
}
[class^="mdl-"] p:last-of-type {
  margin-bottom: 0;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



style.css [1:304]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Fira+Mono|Work+Sans:400,500,700');
* {
  color: inherit;
  border: 0;
  margin: 0;
  padding: 0;
}
a {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-decoration: none;
  cursor: pointer;
}
address {
  font-style: normal;
}
body {
  cursor: default;
}
button {
  background: none;
}
button,
label {
  cursor: pointer;
}
mark {
  background: none;
}
li {
  list-style: none;
}
:focus {
  outline: none!important;
}
::-moz-focus-inner {
  border: 0;
}
summary::-webkit-details-marker {
  display: none;
}
input {
  background: none;
  border-radius: 0;
}
button,
input[type="submit"],
input[type="text"] {
  -webkit-appearance: none;
}
textarea {
  font-family: inherit;
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: none;
}
p {
  width: 100%;
}
img {
  width: auto;
  height: auto;
}
/**/
/**/
@font-face {
  font-family: 'Brown';
  src: url('fonts/Brown-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Brown-Regular.otf') format('opentype'), url('fonts/Brown-Regular.woff') format('woff'), url('fonts/Brown-Regular.ttf') format('truetype'), url('fonts/Brown-Regular.svg#Brown-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brown';
  src: url('fonts/Brown-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Brown-Bold.otf') format('opentype'), url('fonts/Brown-Bold.woff') format('woff'), url('fonts/Brown-Bold.ttf') format('truetype'), url('fonts/Brown-Bold.svg#Brown-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'AmazonEmber';
  src: url('fonts/AmazonEmber-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AmazonEmber-Regular.woff') format('woff'), url('fonts/AmazonEmber-Regular.ttf') format('truetype'), url('fonts/AmazonEmber-Regular.svg#AmazonEmber-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Circular Std';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/CircularStd-Book.woff') format('woff');
}
@font-face {
  font-family: "firecracker";
  src: url("fonts/firecracker.eot");
  src: url("fonts/firecracker.eot?#iefix") format("embedded-opentype"), url("fonts/firecracker.woff") format("woff"), url("fonts/firecracker.ttf") format("truetype"), url("fonts/firecracker.svg#firecracker") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "firecracker" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*="icon-"],
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "firecracker" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
}
.icon-slack:before {
  content: "\61";
}
.icon-github:before {
  content: "\62";
}
.icon-right-arrow:before {
  content: "\63";
}
.css-button {
  padding: 15px;
  text-transform: uppercase;
  font: 700 16px 'Brown', sans-serif;
  color: #fff;
  letter-spacing: 1px;
  border-radius: 6px;
  background-image: radial-gradient(circle at 100% 0, #7e7871, #68635e 17%, #514d49);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: 0.3s ease background-image, 0.3s ease box-shadow, 0.3s ease transform;
}
.css-button.sta-hoverOFF:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), radial-gradient(circle at 100% 0, #7e7871, #68635e 17%, #514d49);
  transform: translateY(-2px);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}
.css-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), radial-gradient(circle at 100% 0, #7e7871, #68635e 17%, #514d49) !important;
}
.css-button span {
  transform: translateY(3px);
}
.css-button i {
  font-size: 27px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .css-button {
    font: 700 14px/1.43 'Brown', sans-serif;
    letter-spacing: .9px;
    background-image: linear-gradient(260deg, #7e7263, #665d51);
  }
  .css-button i {
    display: none;
  }
}
.css-button2 {
  height: 55px;
  padding: 0 15px;
  text-transform: uppercase;
  font: 700 16px 'Brown', sans-serif;
  color: #fff;
  letter-spacing: 1px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 360px;
  border: 2px solid #fff;
  box-sizing: border-box;
  transition: 0.3s ease background-color, 0.3s ease box-shadow, 0.3s ease transform, 0.3s ease color;
}
.css-button2.sta-hoverOFF:hover {
  background-color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  color: #ff542a;
}
.css-button2:active {
  background-color: #fff !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
  color: #ff542a !important;
}
.css-button2 span {
  transform: translateY(3px);
}
.css-button2 i {
  font-size: 27px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .css-button2 {
    height: 40px;
    min-width: 220px;
    font: 700 14px/1.43 'Brown', sans-serif;
    letter-spacing: .9px;
  }
}
.css-button3 {
  padding: 15px;
  text-transform: uppercase;
  font: 700 16px 'Brown', sans-serif;
  color: #4f483f;
  letter-spacing: 1px;
  border-radius: 6px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: 0.3s ease opacity, 0.3s ease box-shadow, 0.3s ease transform;
}
.css-button3.sta-hoverOFF:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}
.css-button3.sta-hoverOFF:hover > * {
  opacity: .75;
}
.css-button3:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.css-button3:active > * {
  opacity: .75!important;
}
.css-button3 > * {
  transition: .3s ease opacity;
}
.css-button3 span {
  transform: translateY(3px);
}
.css-button3 i {
  font-size: 27px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .css-button3 {
    font: 700 14px/1.43 'Brown', sans-serif;
    letter-spacing: .9px;
  }
  .css-button3 i {
    display: none;
  }
}
.css-box {
  border-radius: 6px;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
}
@media (max-width: 767px) {
  .css-box {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 900px) {
  body.over-hidden {
    overflow: hidden;
  }
}
[id^="sta"] {
  position: fixed;
  top: 0;
  left: -99px;
}
[class^="mdl-"] {
  padding: 0 40px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  [class^="mdl-"] {
    padding: 0 18px;
  }
}
[class^="mdl-"] p {
  margin-bottom: 20px;
}
[class^="mdl-"] p:last-of-type {
  margin-bottom: 0;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -