@import url("/css/reset.css");
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0em);
  }
  40% {
    -webkit-transform: rotateY(0deg) translateZ(0em);
  }
  45% {
    -webkit-transform: rotateY(5deg) translateZ(1em);
  }
  50% {
    -webkit-transform: rotateY(-5deg) translateZ(1em);
  }
  55% {
    -webkit-transform: rotateY(0deg) translateZ(0em);
  }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0em);
  }
}
@keyframes wiggle {
  0% {
    transform: rotateY(0deg) translateZ(0em);
  }
  40% {
    transform: rotateY(0deg) translateZ(0em);
  }
  45% {
    transform: rotateY(5deg) translateZ(1em);
  }
  50% {
    transform: rotateY(-5deg) translateZ(1em);
  }
  55% {
    transform: rotateY(0deg) translateZ(0em);
  }
  100% {
    transform: rotateY(0deg) translateZ(0em);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0em);
  }
  60% {
    -webkit-transform: rotateY(0deg) translateZ(0em);
  }
  62% {
    -webkit-transform: rotateY(-5deg) translateZ(1em);
  }
  64% {
    -webkit-transform: rotateY(5deg) translateZ(1em);
  }
  66% {
    -webkit-transform: rotateY(0deg) translateZ(0em);
  }
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0em);
  }
}
@keyframes shake {
  0% {
    transform: rotateY(0deg) translateZ(0em);
  }
  60% {
    transform: rotateY(0deg) translateZ(0em);
  }
  62% {
    transform: rotateY(-5deg) translateZ(1em);
  }
  64% {
    transform: rotateY(5deg) translateZ(1em);
  }
  66% {
    transform: rotateY(0deg) translateZ(0em);
  }
  100% {
    transform: rotateY(0deg) translateZ(0em);
  }
}
body {
  font-family: "Merriweather", serif;
  font-weight: 400;
  @endif;
  font-style: normal;
  font-size: 32px;
  line-height: 1.3333333333;
  color: hsl(205, 2%, 10%);
}

.fallback-message {
  display: none;
}

.step {
  width: 960px;
  text-align: center;
}
.step.with-background {
  background-color: hsla(0, 100%, 100%, 0.95);
  padding: 5em;
}
.step.no-backface {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

p:not(:last-child) {
  margin-bottom: 1em;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-weight: 400;
}
a, a:link, a:visited {
  color: hsl(5, 52%, 56%);
}
a:hover {
  color: hsl(5, 52%, 61%);
}
a:active {
  color: hsl(5, 52%, 41%);
}

.button {
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
  padding: 0.25em 0.5em;
  border-radius: 0.2em;
  position: relative;
}
.button, .button:link, .button:visited {
  color: white;
  background-color: hsl(5, 52%, 56%);
  box-shadow: 0 0.2em 0 hsl(5, 52%, 41%);
}
.button:hover {
  background-color: hsl(5, 52%, 61%);
}
.button:active {
  background-color: hsl(5, 52%, 41%);
  box-shadow: none;
  top: 0.2em;
}

.link-text {
  display: block;
  color: hsl(205, 2%, 50%);
  font-size: 0.5em;
}

h2 {
  font-size: 1.3333333333em;
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
  margin-bottom: 1em;
}

#title {
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 2em;
}
#title .title {
  color: hsl(5, 52%, 56%);
  -webkit-animation: wiggle 10s infinite;
  animation: wiggle 10s infinite;
}
#title .subtitle {
  color: hsl(205, 2%, 50%);
  font-size: 0.75em;
  display: block;
  -webkit-animation: shake 10s infinite;
  animation: shake 10s infinite;
}

#usage-map {
  width: 100vw;
}
#usage-map img {
  width: 100%;
  display: block;
}

#agenda h2 {
  color: hsl(5, 52%, 56%);
}

#conceptual-data-model .download {
  font-size: 0.5625em;
  margin-top: 1.7777777778em;
}

#questions {
  font-size: 2em;
}

#careers-at-lucid-software {
  background-color: hsl(5, 52%, 56%);
  padding: 5em 5em 6em;
  border-radius: 2px;
  color: white;
}
#careers-at-lucid-software a, #careers-at-lucid-software a:link, #careers-at-lucid-software a:visited {
  color: hsl(5, 52%, 81%);
}
#careers-at-lucid-software a:hover {
  color: white;
}
#careers-at-lucid-software a:active {
  color: hsl(5, 52%, 61%);
}

#fin {
  display: none;
}

/*# sourceMappingURL=styles.css.map */