@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000320}}
body, h1 {
  background-color: #000;
  background-image: -webkit-linear-gradient(top, #333333, #000);
  background-image: -moz-linear-gradient(top, #333333, #000);
  background-image: -ms-linear-gradient(top, #333333, #000);
  background-image: -o-linear-gradient(top, #333333, #000);
  background-image: linear-gradient(top, #333333, #000);
  color: #fff;
  line-height: 140%; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000326}}
h1 {
  margin: 0 auto; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000329}}
nav {
  background-color: #000; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000333}}
.nav-pills li a {
  color: #fff; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000338}}
.nav-pills li a:hover, .nav-pills li a:focus {
  background-color: #1a1a1a; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000343}}
main {
  width: 90%;
  margin: auto; }

@media screen and (min-width: 993px) {
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000351}}
  article {
    border-left: 1px dashed gray;
    border-right: 1px dashed gray; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000358}}
  p {
    text-align: left; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000362}}
  .nav-pills li a {
    font-size: 14px;
    padding: 10px 0; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000371}}
  article {
    border-top: 1px dashed gray; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000374}}
  #bane, #two-face, #poison-ivy, #mr-freeze {
    border-right: 1px dashed gray; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000378}}
  p {
    text-align: left; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000381}}
  .nav-pills li a {
    font-size: 12px;
    padding: 10px 0; } }
@media screen and (max-width: 767px) {
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000391}}
  p {
    text-align: center; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\0000394}}
  .nav-pills li a {
    font-size: 18px; } }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\00003100}}
p {
  padding: 20px; }

@keyframes box_glow {
  from {
    box-shadow: 0px 0px 50px #646464; }
  to {
    box-shadow: 0px 0px 50px white; } }
@keyframes text_glow {
  from {
    text-shadow: 0px 0px 20px #646464; }
  to {
    text-shadow: 0px 0px 20px white; } }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\00003119}}
article:target {
  -webkit-animation-name: box_glow;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 4s;
  animation-name: box_glow;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 4s; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Johnny\%20Hsu\/Google\%20Drive\/personal\%20website\/Bootstrap_Animation\/css\/variables\.scss}line{font-family:\00003132}}
article:target h2 {
  -webkit-animation-name: text_glow;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 2s;
  animation-name: text_glow;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2s; }