/* SCSS Document */
/* MICROSOFT NONSENSE */
/* MIXINS */
/* RESET STYLES */
html, body, ul, ol, h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  list-style: none;
}

input, button, select, textarea {
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

/* VARIABLES */
/* ELEMENT STYLES */
/*body { position: relative; cursor: none; }
#cursor { width: 20px; height: 20px; background-color: brown; border-radius: 10px; position: fixed;
    &.dormant {  @include anitrans(2s); background-color: transparent; }
}*/
body {
  background-color: #000000;
  padding: 5%;
}

svg {
  overflow: visible;
}
svg .line {
  transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  stroke-width: 1px;
  stroke: lime;
}
svg .line.go {
  transform: rotate(10deg);
  stroke-width: 12px;
  stroke: orange;
}
@keyframes pulse {
  0% {
    stroke-width: 1px;
  }
  10% {
    stroke-width: 20px;
  }
  90% {
    stroke-width: 20px;
  }
  100% {
    stroke-width: 1px;
  }
}
svg .dot {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  stroke-width: 1px;
  stroke: #05A51E;
  fill: #05A51E;
}
svg .dot.go {
  animation: pulse 2s infinite;
}/*# sourceMappingURL=styles.css.map */