body, html {
  background: #fff;
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  position: relative;
  font-family: 'Code Pro W01 Bold Lowercase'; }

figure {
  display: block;
  width: 90%;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 860px;
  overflow: visible; }

svg {
  overflow: visible; }

svg * {
  transition: 1s ease-in-out;
  fill: black; }

@keyframes tip {
  0%, 100% {
    opacity: 0; }
  10%, 80% {
    opacity: 1; } }
#hover {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99; }

#hero {
  position: fixed;
  left: 0px;
  top: 0px;
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
  padding: 20px; }

.list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  box-sizing: border-box;
  padding: 20px;
  padding-bottom: 100px; }
  .list li {
    padding: 0px;
    margin: 0px;
    padding-bottom: 20px;
    position: relative; }
    .list li h3 {
      margin: 0px;
      padding: 0px;
      font-size: 2em;
      font-weight: normal; }
    .list li p {
      margin: 0px;
      padding: 0px;
      padding-top: 10px;
      font-size: .8em; }

a {
  border-bottom: 3px solid transparent;
  cursor: pointer;
  transition: .25s;
  text-decoration: none;
  color: #000; }
  a:hover {
    border-bottom: 9px solid transparent; }

/*# sourceMappingURL=home.v1.css.map */