/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Simpsons';
  src: url("../fonts/akbar.ttf") format("truetype"); }

html {
  background: url("../images/bg.gif") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

html {
  box-sizing: border-box; }

*,
*:after,
*:before {
  box-sizing: inherit; }

.stage {
  width: 640px;
  height: 480px;
  margin: 50px auto 0;
  position: relative;
  overflow: hidden; }

#stage-intro {
  background: url("../images/stage-bg.png"); }

#stage-title {
  background: url("../images/title.gif"); }

#stage-chalmers-page-one {
  background: url("../images/car.gif"); }

#stage-chalmers-page-two {
  background: url("../images/pagetwo.jpg"), url("../images/pagetwo-doorbell.jpg"); }

#stage-chalmers-page-three {
  background: url("../images/pagethree.jpg"); }

#stage-chalmers-page-four {
  background: url("../images/pagefour.jpg"); }

#stage-chalmers-page-five {
  background: url("../images/pagefive.jpg"); }

#stage-chalmers-page-six {
  background: url("../images/pagesix.jpg"); }

#stage-chalmers-page-seven {
  background: url("../images/pageseven.jpg"); }

#stage-chalmers-page-eight {
  background: url("../images/pageeight.jpg"); }

#stage-chalmers-page-nine {
  background: url("../images/pagenine.jpg"); }

#stage-chalmers-page-ten {
  background: url("../images/pageten.jpg");
  -webkit-animation-name: liedetector;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: forwards;
  -webkit-animation-timing-function: steps(1, end); }

@keyframes liedetector {
  0% {
    background: url("../images/pageten.jpg"); }
  25% {
    background: url("../images/pageten-alt1.jpg"); }
  50% {
    background: url("../images/pageten-alt2.jpg"); }
  75% {
    background: url("../images/pageten-alt3.jpg"); }
  100% {
    background: url("../images/pageten.jpg"); } }

#stage-chalmers-page-eleven {
  background: url("../images/pageeleven.jpg"); }

#stage-chalmers-page-twelve {
  background: url("../images/pagetwelve.jpg"); }

#stage-chalmers-page-thirteen {
  background: url("../images/pagethirteen.jpg"); }

#stage-chalmers-page-fourteen {
  background: url("../images/pagefourteen.jpg"); }

#stage-chalmers-page-fifteen {
  background: url("../images/pagefifteen.jpg"); }

#stage-chalmers-page-sixteen {
  background: url("../images/pagesixteen.jpg"); }

#stage-chalmers-page-seventeen {
  background: url("../images/pageseventeen.jpg"); }

#stage-chalmers-page-eighteen {
  background: url("../images/pageeighteen.jpg"); }

#stage-chalmers-page-nineteen {
  background: url("../images/pagenineteen.jpg"); }

#stage-chalmers-page-twenty {
  background: url("../images/pagetwenty.jpg"); }

#stage-chalmers-page-twentyone {
  background: url("../images/pagetwentyone.jpg"); }

#stage-chalmers-page-twentytwo {
  background: url("../images/pagetwentytwo.gif") center center/100% 100%; }

#stage-chalmers-page-twentythree {
  background: url("../images/pagetwentythree.jpg"); }

#stage-chalmers-page-twentyfour {
  background: url("../images/pagetwentyfour.jpg"); }

#stage-chalmers-page-twentyfive {
  background: url("../images/pagetwentyfive.jpg"); }

#stage-chalmers-page-twentysix {
  background: url("../images/pagetwentysix.jpg"); }

#stage-chalmers-page-twentyseven {
  background: url("../images/pagetwentyseven.jpg"); }

#stage-chalmers-page-twentyeight {
  background: url("../images/pagetwentyeight.jpg"); }

#stage-chalmers-page-twentynine {
  background: url("../images/pagetwentynine.jpg"); }

#stage-chalmers-page-thirty {
  background: url("../images/pagethirty.jpg"); }

#stage-chalmers-page-thirtyone {
  background: url("../images/pagethirtyone.gif") center center/100% 100%; }

#stage-chalmers-page-thirtytwo {
  background: url("../images/pagethirtytwo.jpg"); }

#stage-chalmers-page-thirtythree {
  background: url("../images/pagethirtythree.jpg"); }

#stage-chalmers-page-thirtyfour {
  background: url("../images/pagethirtyfour.jpg"); }

#stage-chalmers-page-thirtyfive {
  background: url("../images/pagethirtyfive.jpg"); }

#stage-chalmers-page-thirtysix {
  background: url("../images/pagethirtysix.gif") center center/100% 100%; }

#stage-chalmers-page-thirtyseven {
  background: url("../images/pagethirtyseven.gif") center center/100% 100%; }

#stage-chalmers-page-thirtyeight {
  background: url("../images/pagethirtyeight.gif") center center/100% 100%; }

#stage-chalmers-page-thirtynine {
  background: url("../images/pagethirtynine.gif") center center/100% 100%; }

#stage-chalmers-page-forty {
  background: url("../images/pageforty.gif") center center/100% 100%; }

#stage-chalmers-page-fortyone {
  background: url("../images/pagefortyone.jpg"); }

#stage-chalmers-page-fortytwo {
  background: url("../images/pagefortytwo.jpg"); }

#stage-chalmers-page-fortythree {
  background: url("../images/pagefortythree.jpg"); }

#stage-chalmers-page-fortyfour {
  background: url("../images/pagefortyfour.jpg"); }

#stage-chalmers-page-fortyfive {
  background: url("../images/pagefortyfive.jpg"); }

#stage-chalmers-page-fortysix {
  background: url("../images/pagefortysix.jpg"); }

#stage-chalmers-page-fortyseven {
  background: url("../images/pagefortyseven.jpg"); }

#stage-chalmers-page-fortyeight {
  background: url("../images/pagefortyeight.jpg"); }

#stage-chalmers-page-fortynine {
  background: url("../images/pagefortynine.gif") center center/100% 100%; }

#stage-chalmers-page-fifty {
  background: url("../images/pagefifty.jpg"); }

#stage-chalmers-page-fiftyone {
  background: url("../images/pagefiftyone.jpg"); }

#stage-chalmers-page-fiftytwo {
  background: url("../images/pagefiftytwo.jpg"); }

#stage-chalmers-page-fiftythree {
  background: url("../images/pagefiftythree.jpg"); }

#stage-chalmers-page-fiftyfour {
  background: url("../images/pagefiftyfour.jpg"); }

#stage-chalmers-page-fiftyfive {
  background: url("../images/pagefiftyfive.jpg"); }

#stage-chalmers-page-fiftysix {
  background: url("../images/pagefiftysix.jpg"); }

#stage-chalmers-page-fiftyseven {
  background: url("../images/pagetwentytwo.gif") center center/100% 100%; }

#stage-chalmers-page-fiftyeight {
  background: url("../images/pagetwentythree.jpg"); }

#stage-chalmers-page-fiftynine {
  background: url("../images/pagetwentyfour.jpg"); }

#stage-chalmers-page-sixty {
  background: url("../images/pagetwentyseven.jpg"); }

#stage-skinner-page-one {
  background: url("../images/skinner/pageone.gif"); }

#stage-skinner-page-two {
  background: url("../images/skinner/pagetwo.jpg"); }

#stage-skinner-page-three {
  background: url("../images/skinner/pagethree.jpg"); }

#stage-skinner-page-four {
  background: url("../images/skinner/pagefour.jpg"); }

#stage-skinner-page-five {
  background: url("../images/skinner/pagefive.gif") center center/100% 100%; }

#stage-skinner-page-six {
  background: url("../images/skinner/pagesix.jpg"); }

#stage-skinner-page-seven {
  background: url("../images/skinner/pageseven.gif") center center/100% 100%; }

#stage-skinner-page-eight {
  background: url("../images/skinner/pageeight.jpg"); }

#stage-skinner-page-nine {
  background: url("../images/skinner/pagenine.jpg"); }

#stage-skinner-page-ten {
  background: url("../images/skinner/pageten.jpg"); }

#stage-skinner-page-eleven {
  background: url("../images/skinner/pageeleven.jpg"); }

#stage-skinner-page-twelve {
  background: url("../images/skinner/pagetwelve.jpg"); }

#stage-skinner-page-thirteen {
  background: url("../images/skinner/pagethirteen.jpg"); }

#stage-skinner-page-fourteen {
  background: url("../images/skinner/pagefourteen.jpg"); }

#stage-skinner-page-fifteen {
  background: url("../images/skinner/pagefifteen.jpg"); }

#stage-skinner-page-sixteen {
  background: url("../images/skinner/pagesixteen.jpg"); }

#stage-skinner-page-seventeen {
  background: url("../images/skinner/pageseventeen.jpg"); }

#stage-skinner-page-eighteen {
  background: url("../images/skinner/frogger-bg.jpg"); }

#stage-skinner-page-nineteen {
  background: url("../images/skinner/pagenineteen.jpg"); }

#stage-skinner-page-twenty {
  background: url("../images/skinner/pagetwenty.jpg"); }

#stage-skinner-page-twentyone {
  background: url("../images/skinner/pagetwentyone.jpg"); }

#stage-skinner-page-twentytwo {
  background: url("../images/skinner/pagetwentytwo.jpg"); }

#stage-skinner-page-twentythree {
  background: url("../images/skinner/pagetwentythree.jpg"); }

#stage-skinner-page-twentyfour {
  background: url("../images/skinner/pagetwentyfour.jpg"); }

#stage-skinner-page-twentyfive {
  background: url("../images/skinner/pagetwentyfive.jpg"); }

#stage-skinner-page-twentysix {
  background: url("../images/skinner/pagetwentysix.jpg"); }

#stage-skinner-page-twentyseven {
  background: url("../images/skinner/pagetwentyseven.jpg"); }

#stage-skinner-page-twentyeight {
  background: url("../images/skinner/pagetwentyeight.jpg"); }

#stage-skinner-page-twentynine {
  background: url("../images/skinner/pagetwentynine.gif") center center/100% 100%; }

#stage-skinner-page-thirty {
  background: url("../images/skinner/pagethirty.jpg"); }

#stage-skinner-page-thirtyone {
  background: url("../images/skinner/pagethirtyone.jpg"); }

#stage-skinner-page-thirtytwo {
  background: url("../images/skinner/pagethirtytwo.jpg"); }

#stage-skinner-page-thirtythree {
  background: url("../images/skinner/pagethirtythree.jpg"); }

#stage-skinner-page-thirtyfour {
  background: url("../images/skinner/pagethirtyfour.jpg"); }

#stage-skinner-page-thirtyfive {
  background: url("../images/skinner/pagethirtyfive.jpg"); }

#stage-skinner-page-thirtysix {
  background: url("../images/skinner/pagethirtysix.jpg"); }

#stage-skinner-page-thirtyseven {
  background: url("../images/skinner/pagethirtyseven.jpg"); }

#stage-skinner-page-thirtyeight {
  background: url(""); }

#stage-skinner-page-thirtynine {
  background: url("../images/skinner/pagethirtynine.jpg"); }

#stage-skinner-page-forty {
  background: url("../images/skinner/pageforty.jpg"); }

#stage-skinner-page-fortyone {
  background: url("../images/skinner/pagefortyone.jpg"); }

#stage-skinner-page-fortytwo {
  background: url("../images/skinner/pagefortytwo.jpg"); }

#stage-skinner-page-fortythree {
  background: url("../images/skinner/pagefortythree.gif") center center/100% 100%; }

#stage-skinner-page-fortyfour {
  background: url("../images/skinner/pagefortyfour.gif") center center/100% 100%; }

#stage-skinner-page-fortyfive {
  background: url("../images/skinner/pagefortyfive.gif") center center/100% 100%; }

#stage-skinner-page-fortysix {
  background: url("../images/skinner/pagefortysix.gif") center center/100% 100%; }

#stage-skinner-page-fortyseven {
  background: url("../images/skinner/pagefortyseven.gif") center center/100% 100%; }

#stage-skinner-page-fortyeight {
  background: url("../images/skinner/pagefortyeight.jpg"); }

#stage-skinner-page-fortynine {
  background: url("../images/skinner/pagefortynine.jpg"); }

#stage-skinner-page-fifty {
  background: url("../images/skinner/pagefifty.jpg"); }

#stage-skinner-page-fiftyone {
  background: url("../images/skinner/pagefiftyone.jpg"); }

#stage-skinner-page-fiftytwo {
  background: url("../images/skinner/pagefiftytwo.jpg"); }

#stage-skinner-page-fiftythree {
  background: url("../images/skinner/pagefiftythree.jpg"); }

#stage-skinner-page-fiftyfour {
  background: url("../images/skinner/pagefiftyfour.jpg"); }

#stage-skinner-page-fiftyfive {
  background: url("../images/skinner/pagefiftyfive.jpg"); }

#stage-skinner-page-fiftysix {
  background: url("../images/skinner/pagefiftysix.gif") center center/100% 100%; }

#stage-skinner-page-fiftyseven {
  background: url("../images/skinner/pagefiftyseven.jpg"); }

#stage-skinner-page-fiftyeight {
  background: url("../images/skinner/pagefiftyeight.jpg"); }

#stage-skinner-page-fiftynine {
  background: url("../images/skinner/pagefiftynine.jpg"); }

#stage-skinner-page-sixty {
  background: url(""); }

#stage-skinner-page-sixtyone {
  background: url("../images/skinner/pagesixtyone.jpg"); }

#stage-skinner-page-sixtytwo {
  background: url("../images/skinner/pagesixtytwo.jpg"); }

#stage-skinner-page-sixtythree {
  background: url("../images/skinner/pagesixtythree.jpg"); }

#stage-skinner-page-sixtyfour {
  background: url("../images/skinner/pagesixtyfour.jpg"); }

#stage-skinner-page-sixtyfive {
  background: url("../images/skinner/pagesixtyfive.jpg"); }

#stage-skinner-page-sixtysix {
  background: url("../images/skinner/pagesixtysix.jpg"); }

#stage-skinner-page-sixtyseven {
  background: url("../images/skinner/pagefortyeight.jpg"); }

/* Aurora Borealis code borrowed from https://blog.lunarlogic.io/2016/let-your-website-cast-the-northern-lights-auroral/ */
@keyframes northern {
  0% {
    transform: translate(5%, -2%); }
  25% {
    transform: translate(10%, 7%); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: translate(7%, -2%); }
  85% {
    transform: translate(6%, 3%) rotate(12deg); }
  100% {
    transform: none; } }

.auroral-northern {
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  animation-name: northern;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background: linear-gradient(10deg, #a1d9b4 20%, #32988a 40%, #000e3c 70%); }

/* We start with setting the variables: how many stars there should be and an empty variable declaration for later */
/* Now we just style this one 1px by 1px div to be a round dot fixed in top left corner */
.auroral-stars {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: white;
  /* We count down from the number of stars that we chose to have: */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  /* Remember to count down. Otherwise you will end up with an infinite loop */
  /* And with each iteration we concatenate string with another box shadow declaration.
    We set random position for the box shadow and random size (from 1 to 2 px).
    The last thing to add is a comma, but we need to use and unquote function to add that */
  /* The last box shadow needs to be added without a comma.
     After we have the whole string ready, we add it to the box-shadow as a value */
  box-shadow: 064vw 32vh 0 1px rgba(255, 255, 255, 0.2), 80vw 6vh 0 1px rgba(255, 255, 255, 0.2), 31vw 32vh 0 1px rgba(255, 255, 255, 0.2), 85vw 43vh 0 1px rgba(255, 255, 255, 0.2), 79vw 11vh 0 1px rgba(255, 255, 255, 0.2), 5vw 1vh 0 1px rgba(255, 255, 255, 0.2), 4vw 21vh 0 1px rgba(255, 255, 255, 0.2), 7vw 11vh 0 1px rgba(255, 255, 255, 0.2), 51vw 24vh 0 1px rgba(255, 255, 255, 0.2), 78vw 14vh 0 1px rgba(255, 255, 255, 0.2), 18vw 21vh 0 1px rgba(255, 255, 255, 0.2), 72vw 12vh 0 1px rgba(255, 255, 255, 0.2), 89vw 11vh 0 1px rgba(255, 255, 255, 0.2), 77vw 15vh 0 1px rgba(255, 255, 255, 0.2), 53vw 13vh 0 1px rgba(255, 255, 255, 0.2), 83vw 46vh 0 1px rgba(255, 255, 255, 0.2), 41vw 15vh 0 1px rgba(255, 255, 255, 0.2), 16vw 33vh 0 1px rgba(255, 255, 255, 0.2), 55vw 46vh 0 1px rgba(255, 255, 255, 0.2), 36vw 16vh 0 1px rgba(255, 255, 255, 0.2), 17vw 21vh 0 1px rgba(255, 255, 255, 0.2), 30vw 23vh 0 1px rgba(255, 255, 255, 0.2), 85vw 4vh 0 1px rgba(255, 255, 255, 0.2), 76vw 46vh 0 1px rgba(255, 255, 255, 0.2), 25vw 34vh 0 1px rgba(255, 255, 255, 0.2), 72vw 45vh 0 1px rgba(255, 255, 255, 0.2), 67vw 48vh 0 1px rgba(255, 255, 255, 0.2), 29vw 38vh 0 1px rgba(255, 255, 255, 0.2), 67vw 30vh 0 1px rgba(255, 255, 255, 0.2), 23vw 30vh 0 1px rgba(255, 255, 255, 0.2), 89vw 21vh 0 1px rgba(255, 255, 255, 0.2), 18vw 36vh 0 1px rgba(255, 255, 255, 0.2), 100vw 43vh 0 1px rgba(255, 255, 255, 0.2), 30vw 50vh 0 1px rgba(255, 255, 255, 0.2), 45vw 38vh 0 1px rgba(255, 255, 255, 0.2), 57vw 21vh 0 1px rgba(255, 255, 255, 0.2), 55vw 48vh 0 1px rgba(255, 255, 255, 0.2), 95vw 31vh 0 1px rgba(255, 255, 255, 0.2), 66vw 33vh 0 1px rgba(255, 255, 255, 0.2), 79vw 8vh 0 1px rgba(255, 255, 255, 0.2), 86vw 27vh 0 1px rgba(255, 255, 255, 0.2), 48vw 30vh 0 1px rgba(255, 255, 255, 0.2), 28vw 16vh 0 1px rgba(255, 255, 255, 0.2), 11vw 26vh 0 1px rgba(255, 255, 255, 0.2), 81vw 17vh 0 1px rgba(255, 255, 255, 0.2), 87vw 13vh 0 1px rgba(255, 255, 255, 0.2), 30vw 41vh 0 1px rgba(255, 255, 255, 0.2), 22vw 5vh 0 1px rgba(255, 255, 255, 0.2), 24vw 14vh 0 1px rgba(255, 255, 255, 0.2), 62vw 16vh 0 1px rgba(255, 255, 255, 0.2), 48vw 49vh 0 1px rgba(255, 255, 255, 0.2), 74vw 2vh 0 1px rgba(255, 255, 255, 0.2), 86vw 40vh 0 1px rgba(255, 255, 255, 0.2), 12vw 13vh 0 1px rgba(255, 255, 255, 0.2), 38vw 35vh 0 1px rgba(255, 255, 255, 0.2), 16vw 4vh 0 1px rgba(255, 255, 255, 0.2), 4vw 22vh 0 1px rgba(255, 255, 255, 0.2), 16vw 28vh 0 1px rgba(255, 255, 255, 0.2), 3vw 39vh 0 1px rgba(255, 255, 255, 0.2), 35vw 27vh 0 1px rgba(255, 255, 255, 0.2), 90vw 19vh 0 1px rgba(255, 255, 255, 0.2), 32vw 13vh 0 1px rgba(255, 255, 255, 0.2), 40vw 45vh 0 1px rgba(255, 255, 255, 0.2), 21vw 16vh 0 1px rgba(255, 255, 255, 0.2), 54vw 47vh 0 1px rgba(255, 255, 255, 0.2), 70vw 49vh 0 1px rgba(255, 255, 255, 0.2), 93vw 35vh 0 1px rgba(255, 255, 255, 0.2), 33vw 36vh 0 1px rgba(255, 255, 255, 0.2), 84vw 44vh 0 1px rgba(255, 255, 255, 0.2), 39vw 44vh 0 1px rgba(255, 255, 255, 0.2), 65vw 39vh 0 1px rgba(255, 255, 255, 0.2), 21vw 33vh 0 1px rgba(255, 255, 255, 0.2), 39vw 17vh 0 1px rgba(255, 255, 255, 0.2), 98vw 14vh 0 1px rgba(255, 255, 255, 0.2), 13vw 15vh 0 1px rgba(255, 255, 255, 0.2), 64vw 34vh 0 1px rgba(255, 255, 255, 0.2), 8vw 27vh 0 1px rgba(255, 255, 255, 0.2), 55vw 7vh 0 1px rgba(255, 255, 255, 0.2), 40vw 19vh 0 1px rgba(255, 255, 255, 0.2), 1vw 8vh 0 1px rgba(255, 255, 255, 0.2), 28vw 39vh 0 1px rgba(255, 255, 255, 0.2), 48vw 38vh 0 1px rgba(255, 255, 255, 0.2), 97vw 43vh 0 1px rgba(255, 255, 255, 0.2), 14vw 28vh 0 1px rgba(255, 255, 255, 0.2), 86vw 15vh 0 1px rgba(255, 255, 255, 0.2), 48vw 16vh 0 1px rgba(255, 255, 255, 0.2), 68vw 47vh 0 1px rgba(255, 255, 255, 0.2), 59vw 3vh 0 1px rgba(255, 255, 255, 0.2), 58vw 6vh 0 1px rgba(255, 255, 255, 0.2), 71vw 7vh 0 1px rgba(255, 255, 255, 0.2), 35vw 33vh 0 1px rgba(255, 255, 255, 0.2), 43vw 24vh 0 1px rgba(255, 255, 255, 0.2), 35vw 18vh 0 1px rgba(255, 255, 255, 0.2), 82vw 18vh 0 1px rgba(255, 255, 255, 0.2), 20vw 17vh 0 1px rgba(255, 255, 255, 0.2), 29vw 8vh 0 1px rgba(255, 255, 255, 0.2), 28vw 2vh 0 1px rgba(255, 255, 255, 0.2), 15vw 8vh 0 1px rgba(255, 255, 255, 0.2), 80vw 34vh 0 1px rgba(255, 255, 255, 0.2), 85vw 24vh 0 1px rgba(255, 255, 255, 0.2), 93vw 24vh 0 0 rgba(255, 255, 255, 0.9);
  /* Remember to count down. Otherwise you will end up with an infinite loop */ }

.skinnerandchalmers-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/skinner/skinnerandchalmers.png"); }

img.frame {
  position: absolute;
  width: 50%;
  border: 5px solid #b2672a;
  outline: 10px solid #7e361d;
  box-shadow: inset 0 0 0 10px #b2672a, inset 0 0 0 15px #7e361d, 30px 35px 5px 1px rgba(0, 0, 0, 0.4); }

img#frame-1 {
  width: 103%;
  left: -10px;
  bottom: -10px;
  z-index: 1;
  animation: shrink 1s linear 2s forwards, fly 11s linear 3s forwards; }

@keyframes shrink {
  from {
    width: 100%;
    bottom: 0;
    left: 0; }
  to {
    width: 50%;
    bottom: 45px;
    left: 50px; } }

@keyframes fly {
  from {
    -webkit-transform: translateX(0); }
  to {
    -webkit-transform: translateX(-1500px); } }

img#frame-2 {
  top: 45px;
  left: 520px;
  z-index: 0;
  animation: fly 10.5s linear 2s forwards; }

img#frame-3 {
  bottom: 45px;
  left: 650px;
  z-index: 1;
  animation: fly 11s linear 3s forwards; }

img#frame-4 {
  top: 45px;
  left: 930px;
  z-index: 2;
  animation: fly 11s linear 3s forwards; }

img#frame-5 {
  bottom: 45px;
  left: 1220px;
  z-index: 3;
  animation: fly 11s linear 3s forwards; }

img#frame-6 {
  top: 45px;
  left: 1500px;
  z-index: 4;
  animation: fly 11s linear 3s forwards, grow 1s linear 13s forwards; }

@keyframes grow {
  from {
    width: 50%; }
  to {
    width: 103%;
    top: -10px;
    left: 1490px; } }

.caption,
.title {
  width: 640px;
  font-family: 'Simpsons', sans-serif;
  text-transform: uppercase;
  text-align: center; }

.end-title,
.intro-title {
  width: 100%;
  height: 100%;
  background: #000;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  font-size: 48px; }

.intro-title {
  animation: intro-title-fade 2s linear 8s forwards; }

@keyframes intro-title-fade {
  from {
    background: black; }
  to {
    background: transparent; } }

.end-title-text,
.intro-title-text {
  color: #fff !important; }

.intro-title-text:after {
  content: "";
  animation: spin 8s linear normal; }

@keyframes spin {
  30% {
    content: "12:05 PM"; }
  60% {
    content: "On a Sunday"; }
  90% {
    content: "Springfield"; } }

.end-title-text,
.intro-title-text,
.title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #dbbb12; }

.title {
  text-shadow: -1px 1px 1px #000; }

.title-text {
  font-size: 3em;
  margin: 0; }

.title-link {
  color: inherit;
  text-decoration: none;
  font-size: 1.5em;
  margin: 0 1em; }

.subtitle-text {
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: 2em; }

.caption {
  margin: 25px auto;
  padding: 0 50px;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

.caption-text {
  font-size: 32px; }

.info-button {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.25em;
  font-weight: bold;
  padding: 0 5px;
  cursor: pointer; }

.info-box {
  width: 640px;
  background: rgba(0, 0, 0, 0.85);
  margin: 0 auto;
  padding: 10px;
  color: white; }

.info a {
  text-decoration: none; }

.icon {
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  opacity: 0.66; }

.icon:hover {
  opacity: 1; }

#info-icon,
#next-icon {
  float: right; }

.poi {
  position: absolute;
  cursor: pointer; }

#doorbell {
  top: 294px;
  left: 346px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  box-shadow: 0 0 15px 3px gold; }

#oven {
  top: 363px;
  left: 72px;
  width: 25px;
  height: 16px;
  border-radius: 15px;
  box-shadow: 0 0 15px 3px gold; }

#krustyburger {
  top: 195px;
  left: 603px;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  box-shadow: 0 0 15px 3px gold; }

.info,
.inventory {
  width: 100%;
  position: absolute;
  bottom: 0;
  display: none;
  padding: 1em;
  margin: 0;
  z-index: 100; }

.inventory {
  background: url("../images/inflicted.png"); }

.info {
  background: url("../images/dark_geometric.png"); }

.info {
  color: white;
  font-family: "Simpsons";
  text-transform: uppercase; }

.info-highlight {
  color: gold; }

.info-flash {
  animation: info-flash 2.5s infinite; }

@keyframes info-flash {
  0% {
    box-shadow: 0 0 7px 2px white; }
  50% {
    box-shadow: 0 0 7px 2px rgba(255, 255, 255, 0); }
  100% {
    box-shadow: 0 0 7px 2px white; } }

.inventory-icon {
  height: 50px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  opacity: 0.66; }

.inventory-icon:hover {
  opacity: 1; }

#output {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0; }

#enemy {
  position: absolute;
  top: 10px;
  left: 10px; }

#player {
  position: absolute;
  top: 4px;
  left: 5px; }