/* line 1, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

/* line 9, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
body {
  font-family: sans-serif;
  font-size: 16px;
  color: white;
  background: linear-gradient(142deg, #54686f, #87a6ab, #69a573, #336e1c);
  background-size: 800% 800%;
  animation: backgroundGradient 60s ease infinite; }

/* line 18, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
div.containerMain {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  align-items: center;
  width: 100vw;
  height: 100vh; }

/* line 28, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
div.externalLinks {
  position: fixed;
  top: 0;
  right: 0;
  padding: 1rem;
  font-size: 2em; }
  /* line 34, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
  div.externalLinks a {
    display: block;
    color: white;
    opacity: .8; }
    /* line 38, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
    div.externalLinks a:hover {
      opacity: 1;
      transition: opacity .33s; }
    /* line 42, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
    div.externalLinks a:active {
      position: relative;
      top: 1px;
      opacity: .5; }

/* line 50, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
div.logo {
  max-width: 450px; }
  /* line 52, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
  div.logo svg {
    width: 100%;
    height: auto; }

/* line 58, /Users/smc/apache_local/htdocs/spencer/styles/main.scss */
header {
  position: relative;
  text-align: center;
  line-height: 1.25;
  margin-top: 1rem;
  animation-name: mainIntro;
  animation-duration: 3.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1; }

/* ANIMATIONS */
@keyframes mainIntro {
  0% {
    top: 6vw;
    opacity: 0; }
  80% {
    top: 6vw;
    opacity: 0; }
  /*25% {
        opacity: 0.5;
    }*/
  100% {
    top: 0;
    opacity: 1.0; } }

@keyframes backgroundGradient {
  0% {
    background-position: 52% 0%; }
  50% {
    background-position: 49% 100%; }
  100% {
    background-position: 52% 0%; } }

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