midterm.css

/* ==========================================================================
   LAYOUT STYLING (NOT PARTICLE RELATED)
   ========================================================================== */
/* line 7, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
body {
  background-color: black;
}

/* line 12, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#body-wrapper {
  margin: 0 auto;
  max-width: 750px;
  text-align: center;
  color: white;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
}

/* line 21, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
h1, h2, h3 {
  font-family: 'Nunito', sans-serif;
  margin: 15px 15px;
}

/* line 26, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
h1 {
  font-weight: 900;
}

/* line 30, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
h2 {
  font-weight: 800;
}

/* line 34, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
h3 {
  font-weight: 700;
}

/* line 38, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: cyan;
}

/* line 45, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
header {
  background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#1c0f3b));
  background: linear-gradient(#111, #1c0f3b);
  height: 50vh;
  min-height: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}

/* line 59, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#subtle {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #1c0f3b), color-stop(50%, #4d1354), color-stop(85%, #1c0f3b), to(#1a1819));
  background: linear-gradient(#1c0f3b 15%, #4d1354 50%, #1c0f3b 85%, #1a1819 100%);
  height: 50vh;
  min-height: 400px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto 1fr;
}

/* line 69, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#fireworks {
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/1/15/Sandiego_skyline_at_night.JPG");
  background-size: cover;
  background-position: top left;
  height: 50vh;
  min-height: 400px;
  display: grid;
  grid-template-rows: 20px auto 1fr auto;
  grid-template-columns: 1fr;
}

/* line 80, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#insert1 {
  grid-row: 1/2;
  grid-column: 1/-1;
  align-self: center;
  margin: 0 20px;
  z-index: 1;
  text-shadow: 2px 2px 4px #000000;
}

/* line 89, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#insert2 {
  background-color: #616e7a;
  margin: 0px;
  padding: 50px 20px;
  text-shadow: 2px 2px 4px #000000;
}

/* line 96, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#info1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#1c0f3b), to(#4d1354));
  background: linear-gradient(#1c0f3b, #4d1354);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
}

/* line 109, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#info2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#4d1354), to(#1c0f3b));
  background: linear-gradient(#4d1354, #1c0f3b);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
}

/* line 122, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#info2 h3 {
  margin-top: 20px;
  margin-bottom: 0;
  text-decoration: underline;
}

/* line 128, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
ul, ol {
  text-align: left;
  margin-left: 10%;
  margin-right: 10%;
}

/* line 134, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
ol li {
  margin: 10px 0;
}

/* line 138, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.copy {
  padding: 50px;
}

/* line 142, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#subtle h3 {
  grid-row: 2/3;
  grid-column: 1/2;
  text-shadow: 2px 2px 4px #000000;
}

/* line 148, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#fireworks h2 {
  grid-row: 2/3;
  grid-column: 1/2;
  text-shadow: 2px 2px 4px #000000;
}

/* line 154, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.attribution {
  grid-row: -1/span1;
  grid-column: 1/-1;
  opacity: .5;
  font-size: 9pt;
  margin: 0 5px;
}

/* line 162, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#button {
  width: 120px;
  height: auto;
  position: relative;
  background: white;
  border-radius: 10px;
  color: black;
  padding: 20px 5px;
  align-self: flex-start;
}

/* line 172, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#button:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 26px;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-right: 26px solid white;
  border-bottom: 13px solid transparent;
}

/* line 184, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#button:hover {
  cursor: pointer;
}

/* line 188, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rain {
  background: #616e7a;
  height: 50vh;
  min-height: 400px;
  display: grid;
  grid-template-rows: 1fr auto 1fr auto;
  grid-template-columns: 1fr 1fr 2fr;
}

/* line 197, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#character-wrapper {
  grid-row: 2/-1;
  grid-column: 1/3;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin: 0 20px;
}

/* line 207, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
svg {
  align-self: flex-end;
}

/* line 211, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#sad-girl {
  height: 250px;
}

/* line 215, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#happy-girl {
  height: 220px;
}

/* line 219, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#resources {
  background-color: #1c0f3b;
}

/* line 223, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#resources h3 {
  margin-top: 40px;
}

/* line 227, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#scss-demo img {
  max-width: 100vw;
}

/* line 231, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#css-demo img {
  max-width: 60vw;
}

@media (min-width: 750px) {
  /* line 236, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
  #scss-demo img {
    max-width: 650px;
  }
  /* line 239, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
  #css-demo img {
    max-width: 350px;
  }
}

/* ==========================================================================
   CHECKBOX HACK
   ========================================================================== */
/* line 249, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.show {
  display: none;
}

/* line 253, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.hide {
  display: block;
}

/* line 257, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch {
  /*default rain attribute here*/
  background: #cedcf2;
  height: 10px;
  width: 3px;
  position: absolute;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(1) {
  left: 520px;
  -webkit-animation: rain 0.51342s linear infinite;
  animation: rain 1.2668s linear infinite;
  -webkit-transform: scale(1.08756);
  transform: scale(1.05279);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.71104s !important;
  animation-delay: 0.63309s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(2) {
  left: 500px;
  -webkit-animation: rain 0.88367s linear infinite;
  animation: rain 1.14851s linear infinite;
  -webkit-transform: scale(0.97347);
  transform: scale(1.0929);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.85384s !important;
  animation-delay: 0.35395s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(3) {
  left: 369px;
  -webkit-animation: rain 1.18765s linear infinite;
  animation: rain 0.61562s linear infinite;
  -webkit-transform: scale(1.08091);
  transform: scale(0.89087);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.46879s !important;
  animation-delay: 0.71917s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(4) {
  left: 532px;
  -webkit-animation: rain 0.79807s linear infinite;
  animation: rain 1.24737s linear infinite;
  -webkit-transform: scale(1.01227);
  transform: scale(1.0501);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.7421s !important;
  animation-delay: 0.14928s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(5) {
  left: 630px;
  -webkit-animation: rain 1.10325s linear infinite;
  animation: rain 0.64381s linear infinite;
  -webkit-transform: scale(0.83933);
  transform: scale(0.825);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.19374s !important;
  animation-delay: 1.91189s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(6) {
  left: 234px;
  -webkit-animation: rain 0.50491s linear infinite;
  animation: rain 1.06561s linear infinite;
  -webkit-transform: scale(0.80911);
  transform: scale(0.8239);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.90709s !important;
  animation-delay: 2.03411s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(7) {
  left: 95px;
  -webkit-animation: rain 1.41258s linear infinite;
  animation: rain 0.62645s linear infinite;
  -webkit-transform: scale(0.93815);
  transform: scale(0.81108);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.08919s !important;
  animation-delay: 0.5049s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(8) {
  left: 613px;
  -webkit-animation: rain 0.87701s linear infinite;
  animation: rain 1.32251s linear infinite;
  -webkit-transform: scale(0.93094);
  transform: scale(0.93819);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.34861s !important;
  animation-delay: 1.32096s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(9) {
  left: 303px;
  -webkit-animation: rain 1.48213s linear infinite;
  animation: rain 1.10541s linear infinite;
  -webkit-transform: scale(0.94172);
  transform: scale(1.07424);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.19617s !important;
  animation-delay: 2.37059s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(10) {
  left: 282px;
  -webkit-animation: rain 1.47823s linear infinite;
  animation: rain 1.32073s linear infinite;
  -webkit-transform: scale(0.97673);
  transform: scale(1.06875);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.95007s !important;
  animation-delay: 1.1568s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(11) {
  left: 568px;
  -webkit-animation: rain 0.80407s linear infinite;
  animation: rain 1.084s linear infinite;
  -webkit-transform: scale(0.9524);
  transform: scale(0.93815);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.12128s !important;
  animation-delay: 1.66303s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(12) {
  left: 276px;
  -webkit-animation: rain 0.78067s linear infinite;
  animation: rain 1.49925s linear infinite;
  -webkit-transform: scale(1.0457);
  transform: scale(0.91997);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.14852s !important;
  animation-delay: 2.17343s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(13) {
  left: 524px;
  -webkit-animation: rain 0.62781s linear infinite;
  animation: rain 1.3614s linear infinite;
  -webkit-transform: scale(1.00354);
  transform: scale(0.81136);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.57186s !important;
  animation-delay: 1.44316s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(14) {
  left: 278px;
  -webkit-animation: rain 1.29929s linear infinite;
  animation: rain 1.03606s linear infinite;
  -webkit-transform: scale(0.90445);
  transform: scale(1.04967);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.24432s !important;
  animation-delay: 0.74936s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(15) {
  left: 437px;
  -webkit-animation: rain 1.037s linear infinite;
  animation: rain 1.46613s linear infinite;
  -webkit-transform: scale(0.85285);
  transform: scale(1.03813);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.71509s !important;
  animation-delay: 0.08652s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(16) {
  left: 659px;
  -webkit-animation: rain 0.61674s linear infinite;
  animation: rain 1.44876s linear infinite;
  -webkit-transform: scale(0.98941);
  transform: scale(0.98241);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.49674s !important;
  animation-delay: 0.63415s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(17) {
  left: 126px;
  -webkit-animation: rain 0.5873s linear infinite;
  animation: rain 0.79358s linear infinite;
  -webkit-transform: scale(0.97033);
  transform: scale(0.97039);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.92282s !important;
  animation-delay: 1.51935s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(18) {
  left: 612px;
  -webkit-animation: rain 1.00497s linear infinite;
  animation: rain 1.04504s linear infinite;
  -webkit-transform: scale(1.09002);
  transform: scale(0.89544);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.13914s !important;
  animation-delay: 1.67687s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(19) {
  left: 370px;
  -webkit-animation: rain 0.77056s linear infinite;
  animation: rain 1.27222s linear infinite;
  -webkit-transform: scale(0.86681);
  transform: scale(0.91052);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.48423s !important;
  animation-delay: 1.18893s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(20) {
  left: 673px;
  -webkit-animation: rain 1.39777s linear infinite;
  animation: rain 0.54059s linear infinite;
  -webkit-transform: scale(1.08169);
  transform: scale(0.98454);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.30887s !important;
  animation-delay: 1.97295s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(21) {
  left: 226px;
  -webkit-animation: rain 0.82378s linear infinite;
  animation: rain 0.86574s linear infinite;
  -webkit-transform: scale(1.00009);
  transform: scale(0.92022);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.12404s !important;
  animation-delay: 2.35485s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(22) {
  left: 279px;
  -webkit-animation: rain 0.72135s linear infinite;
  animation: rain 1.3336s linear infinite;
  -webkit-transform: scale(0.98649);
  transform: scale(0.90358);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.31971s !important;
  animation-delay: 1.6661s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(23) {
  left: 126px;
  -webkit-animation: rain 0.68846s linear infinite;
  animation: rain 1.10059s linear infinite;
  -webkit-transform: scale(0.9703);
  transform: scale(0.84213);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.35457s !important;
  animation-delay: 1.87058s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(24) {
  left: 457px;
  -webkit-animation: rain 0.95715s linear infinite;
  animation: rain 0.7862s linear infinite;
  -webkit-transform: scale(0.98954);
  transform: scale(0.81611);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.61666s !important;
  animation-delay: 1.0755s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(25) {
  left: 515px;
  -webkit-animation: rain 0.56885s linear infinite;
  animation: rain 0.61726s linear infinite;
  -webkit-transform: scale(0.8711);
  transform: scale(0.94763);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.50699s !important;
  animation-delay: 0.5462s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(26) {
  left: 325px;
  -webkit-animation: rain 1.01988s linear infinite;
  animation: rain 0.93092s linear infinite;
  -webkit-transform: scale(0.94142);
  transform: scale(0.89368);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.38591s !important;
  animation-delay: 0.08343s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(27) {
  left: 341px;
  -webkit-animation: rain 1.36917s linear infinite;
  animation: rain 0.80362s linear infinite;
  -webkit-transform: scale(0.88952);
  transform: scale(1.02578);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.15051s !important;
  animation-delay: 0.45123s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(28) {
  left: 304px;
  -webkit-animation: rain 1.19411s linear infinite;
  animation: rain 1.04649s linear infinite;
  -webkit-transform: scale(0.91942);
  transform: scale(1.03156);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.54654s !important;
  animation-delay: 0.22763s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(29) {
  left: 281px;
  -webkit-animation: rain 1.12891s linear infinite;
  animation: rain 0.89919s linear infinite;
  -webkit-transform: scale(0.98923);
  transform: scale(1.0016);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.73207s !important;
  animation-delay: 2.44113s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(30) {
  left: 363px;
  -webkit-animation: rain 1.2735s linear infinite;
  animation: rain 0.61648s linear infinite;
  -webkit-transform: scale(0.91361);
  transform: scale(0.82302);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.40765s !important;
  animation-delay: 0.87604s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(31) {
  left: 267px;
  -webkit-animation: rain 1.01009s linear infinite;
  animation: rain 1.24865s linear infinite;
  -webkit-transform: scale(0.99044);
  transform: scale(0.83529);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.69424s !important;
  animation-delay: 1.4939s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(32) {
  left: 659px;
  -webkit-animation: rain 0.56337s linear infinite;
  animation: rain 0.92104s linear infinite;
  -webkit-transform: scale(1.0177);
  transform: scale(0.99397);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.52242s !important;
  animation-delay: 2.04071s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(33) {
  left: 609px;
  -webkit-animation: rain 0.70088s linear infinite;
  animation: rain 1.29078s linear infinite;
  -webkit-transform: scale(0.89152);
  transform: scale(0.94267);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.60637s !important;
  animation-delay: 0.13611s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(34) {
  left: 403px;
  -webkit-animation: rain 0.8059s linear infinite;
  animation: rain 0.5787s linear infinite;
  -webkit-transform: scale(1.04832);
  transform: scale(0.89123);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.67432s !important;
  animation-delay: 2.31374s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(35) {
  left: 632px;
  -webkit-animation: rain 1.45352s linear infinite;
  animation: rain 0.86807s linear infinite;
  -webkit-transform: scale(1.07208);
  transform: scale(0.81875);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.27055s !important;
  animation-delay: 0.43494s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(36) {
  left: 579px;
  -webkit-animation: rain 1.36997s linear infinite;
  animation: rain 0.71585s linear infinite;
  -webkit-transform: scale(1.08968);
  transform: scale(0.98688);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.22241s !important;
  animation-delay: 1.19016s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(37) {
  left: 667px;
  -webkit-animation: rain 1.33394s linear infinite;
  animation: rain 1.10922s linear infinite;
  -webkit-transform: scale(1.0623);
  transform: scale(1.00601);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.89962s !important;
  animation-delay: 1.20779s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(38) {
  left: 422px;
  -webkit-animation: rain 0.85539s linear infinite;
  animation: rain 1.09595s linear infinite;
  -webkit-transform: scale(0.83808);
  transform: scale(0.90054);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.98715s !important;
  animation-delay: 0.45438s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(39) {
  left: 345px;
  -webkit-animation: rain 1.32384s linear infinite;
  animation: rain 0.64908s linear infinite;
  -webkit-transform: scale(0.82463);
  transform: scale(0.89519);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.45021s !important;
  animation-delay: 2.01956s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(40) {
  left: 335px;
  -webkit-animation: rain 1.34401s linear infinite;
  animation: rain 1.31149s linear infinite;
  -webkit-transform: scale(1.09662);
  transform: scale(0.829);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.76468s !important;
  animation-delay: 1.01692s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(41) {
  left: 255px;
  -webkit-animation: rain 0.69288s linear infinite;
  animation: rain 0.81826s linear infinite;
  -webkit-transform: scale(0.82311);
  transform: scale(0.95687);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.32565s !important;
  animation-delay: 1.0522s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(42) {
  left: 125px;
  -webkit-animation: rain 0.56744s linear infinite;
  animation: rain 1.45944s linear infinite;
  -webkit-transform: scale(1.09209);
  transform: scale(0.91515);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.40103s !important;
  animation-delay: 1.62802s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(43) {
  left: 328px;
  -webkit-animation: rain 0.96868s linear infinite;
  animation: rain 0.80047s linear infinite;
  -webkit-transform: scale(0.89265);
  transform: scale(0.92133);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.00296s !important;
  animation-delay: 0.18232s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(44) {
  left: 555px;
  -webkit-animation: rain 0.8938s linear infinite;
  animation: rain 0.95306s linear infinite;
  -webkit-transform: scale(0.87737);
  transform: scale(0.87477);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.68907s !important;
  animation-delay: 1.0115s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(45) {
  left: 124px;
  -webkit-animation: rain 0.79702s linear infinite;
  animation: rain 0.86105s linear infinite;
  -webkit-transform: scale(0.85734);
  transform: scale(0.95066);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.39982s !important;
  animation-delay: 2.23752s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(46) {
  left: 109px;
  -webkit-animation: rain 0.69291s linear infinite;
  animation: rain 1.12939s linear infinite;
  -webkit-transform: scale(0.80746);
  transform: scale(0.83103);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.33374s !important;
  animation-delay: 2.34304s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(47) {
  left: 154px;
  -webkit-animation: rain 0.69512s linear infinite;
  animation: rain 0.50573s linear infinite;
  -webkit-transform: scale(0.8853);
  transform: scale(0.95474);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.82097s !important;
  animation-delay: 2.07509s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(48) {
  left: 532px;
  -webkit-animation: rain 1.16129s linear infinite;
  animation: rain 0.81377s linear infinite;
  -webkit-transform: scale(1.05495);
  transform: scale(0.99835);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 2.33398s !important;
  animation-delay: 1.92486s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(49) {
  left: 142px;
  -webkit-animation: rain 0.68465s linear infinite;
  animation: rain 1.36045s linear infinite;
  -webkit-transform: scale(0.89917);
  transform: scale(1.00117);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 0.6302s !important;
  animation-delay: 2.28844s !important;
}

/* line 265, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.switch:nth-child(50) {
  left: 561px;
  -webkit-animation: rain 0.95666s linear infinite;
  animation: rain 1.17418s linear infinite;
  -webkit-transform: scale(1.08989);
  transform: scale(1.01993);
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 1.80207s !important;
  animation-delay: 1.1161s !important;
}

/* line 278, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch {
  display: none;
}

/* line 282, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ div > .show {
  display: block;
}

/* line 286, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ div > .hide {
  display: none;
}

/* line 290, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1 {
  /*coin rain attributes here*/
  background: url(../img/spinning-coin.gif);
  background-size: cover;
  background-position: center;
  width: 30px;
  height: 30px;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(1) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.84902) rotate(88deg);
  transform: scale(0.9531) rotate(95deg);
  -webkit-animation: rain 1.73917s linear infinite;
  animation: rain 2.27453s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(2) {
  /*coin rain attributes here*/
  -webkit-transform: scale(1.05919) rotate(89deg);
  transform: scale(0.85276) rotate(91deg);
  -webkit-animation: rain 2.42427s linear infinite;
  animation: rain 1.76888s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(3) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.98922) rotate(90deg);
  transform: scale(0.86303) rotate(89deg);
  -webkit-animation: rain 1.95898s linear infinite;
  animation: rain 2.1039s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(4) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.89874) rotate(94deg);
  transform: scale(0.92894) rotate(93deg);
  -webkit-animation: rain 1.65751s linear infinite;
  animation: rain 1.88387s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(5) {
  /*coin rain attributes here*/
  -webkit-transform: scale(1.08256) rotate(95deg);
  transform: scale(0.94993) rotate(90deg);
  -webkit-animation: rain 1.62429s linear infinite;
  animation: rain 1.89237s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(6) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.8986) rotate(93deg);
  transform: scale(0.88135) rotate(94deg);
  -webkit-animation: rain 2.27185s linear infinite;
  animation: rain 1.86403s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(7) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.87566) rotate(90deg);
  transform: scale(0.80172) rotate(90deg);
  -webkit-animation: rain 2.32064s linear infinite;
  animation: rain 1.71313s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(8) {
  /*coin rain attributes here*/
  -webkit-transform: scale(1.01746) rotate(86deg);
  transform: scale(0.92531) rotate(87deg);
  -webkit-animation: rain 2.16943s linear infinite;
  animation: rain 1.56016s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(9) {
  /*coin rain attributes here*/
  -webkit-transform: scale(1.09438) rotate(95deg);
  transform: scale(1.03355) rotate(88deg);
  -webkit-animation: rain 1.8288s linear infinite;
  animation: rain 1.51751s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(10) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.89992) rotate(95deg);
  transform: scale(0.93119) rotate(87deg);
  -webkit-animation: rain 2.15702s linear infinite;
  animation: rain 1.97236s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(11) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.95868) rotate(94deg);
  transform: scale(1.08514) rotate(86deg);
  -webkit-animation: rain 1.87787s linear infinite;
  animation: rain 2.13826s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(12) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.87147) rotate(92deg);
  transform: scale(0.93458) rotate(91deg);
  -webkit-animation: rain 2.23366s linear infinite;
  animation: rain 1.83919s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(13) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.8984) rotate(86deg);
  transform: scale(0.92659) rotate(93deg);
  -webkit-animation: rain 2.32284s linear infinite;
  animation: rain 1.82816s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(14) {
  /*coin rain attributes here*/
  -webkit-transform: scale(1.01001) rotate(90deg);
  transform: scale(1.06111) rotate(92deg);
  -webkit-animation: rain 1.76281s linear infinite;
  animation: rain 1.97049s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(15) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.99539) rotate(94deg);
  transform: scale(0.92958) rotate(87deg);
  -webkit-animation: rain 2.39337s linear infinite;
  animation: rain 1.53442s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(16) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.94841) rotate(87deg);
  transform: scale(0.88976) rotate(92deg);
  -webkit-animation: rain 1.89412s linear infinite;
  animation: rain 1.94631s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(17) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.98791) rotate(89deg);
  transform: scale(0.90531) rotate(86deg);
  -webkit-animation: rain 2.15621s linear infinite;
  animation: rain 2.2375s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(18) {
  /*coin rain attributes here*/
  -webkit-transform: scale(1.0772) rotate(93deg);
  transform: scale(1.02755) rotate(92deg);
  -webkit-animation: rain 2.40004s linear infinite;
  animation: rain 1.98653s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(19) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.85003) rotate(90deg);
  transform: scale(1.04886) rotate(86deg);
  -webkit-animation: rain 1.69488s linear infinite;
  animation: rain 1.97432s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(20) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.91666) rotate(91deg);
  transform: scale(0.80726) rotate(92deg);
  -webkit-animation: rain 1.52684s linear infinite;
  animation: rain 2.12178s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(21) {
  /*coin rain attributes here*/
  -webkit-transform: scale(1.08306) rotate(92deg);
  transform: scale(0.86509) rotate(88deg);
  -webkit-animation: rain 2.20084s linear infinite;
  animation: rain 1.8301s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(22) {
  /*coin rain attributes here*/
  -webkit-transform: scale(1.06946) rotate(93deg);
  transform: scale(1.07176) rotate(92deg);
  -webkit-animation: rain 2.43495s linear infinite;
  animation: rain 1.68855s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(23) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.91989) rotate(86deg);
  transform: scale(0.98354) rotate(87deg);
  -webkit-animation: rain 2.24622s linear infinite;
  animation: rain 2.02935s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(24) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.82556) rotate(93deg);
  transform: scale(0.8132) rotate(93deg);
  -webkit-animation: rain 2.24356s linear infinite;
  animation: rain 2.02152s linear infinite;
}

/* line 299, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain1:nth-child(25) {
  /*coin rain attributes here*/
  -webkit-transform: scale(0.96834) rotate(90deg);
  transform: scale(0.95798) rotate(92deg);
  -webkit-animation: rain 2.06842s linear infinite;
  animation: rain 2.08791s linear infinite;
}

/* line 307, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2 {
  /*dollar bill rain attributes here*/
  background: url(../img/dollar.png);
  background-size: cover;
  background-position: center;
  width: 80px;
  height: 48px;
  -webkit-transform-origin: 0 -100px;
  transform-origin: 0 -100px;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(26) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.54018s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.90173s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(27) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 3.54335s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.7819s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(28) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.0322s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.47271s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(29) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.06259s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.95981s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(30) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 3.84125s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.68214s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(31) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.46139s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.27554s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(32) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.47519s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.59559s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(33) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.28827s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.94446s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(34) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.72612s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.91338s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(35) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.31992s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.71653s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(36) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 3.18527s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.37378s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(37) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.13585s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.08656s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(38) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 3.8185s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.82694s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(39) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.75115s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.88717s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(40) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 3.90156s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.38191s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(41) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.33891s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.86584s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(42) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 3.4007s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.07875s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(43) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.02054s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.39438s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(44) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.19698s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.83182s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(45) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.07008s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.46305s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(46) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 3.92478s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.73627s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(47) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.2565s linear infinite, sway 3s linear alternate infinite;
  animation: rain 4.20653s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(48) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 4.58027s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.33979s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(49) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 3.71625s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.44682s linear infinite, sway 3s linear alternate infinite;
}

/* line 318, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#rainswitch:checked ~ .particle-container > .particle-rain2:nth-child(50) {
  /*dollar bill rain attributes here*/
  -webkit-animation: rain 3.77908s linear infinite, sway 3s linear alternate infinite;
  animation: rain 3.58043s linear infinite, sway 3s linear alternate infinite;
}

/* ==========================================================================
   PARTICLE-RELATED STYLES & ANIMATION
   ========================================================================== */
/* line 330, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-container {
  overflow: hidden;
  height: 100%;
  grid-row: 1/4;
  grid-column: 1/-1;
  position: relative;
}

/* line 338, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle {
  position: absolute;
  border-radius: 50%;
  margin: 15px;
  background: white;
}

/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.starburst {
  position: absolute;
  -webkit-transform-origin: center;
  transform-origin: center;
}

/* line 351, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst1 {
  left: 20px;
  -webkit-animation: burst1 3s ease-in infinite backwards;
  animation: burst1 3s ease-in infinite backwards;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

/* line 359, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst2 {
  left: 125px;
  -webkit-animation: burst2 3s ease-in infinite backwards;
  animation: burst2 3s ease-in infinite backwards;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

/* line 367, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst3 {
  left: 250px;
  -webkit-animation: burst3 3s ease-in infinite backwards;
  animation: burst3 3s ease-in infinite backwards;
  -webkit-animation-delay: 6.8s;
  animation-delay: 6.8s;
}

/* line 375, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst4 {
  left: 400px;
  -webkit-animation: burst4 3s ease-in infinite backwards;
  animation: burst4 3s ease-in infinite backwards;
  -webkit-animation-delay: 4.7s;
  animation-delay: 4.7s;
}

/* line 383, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst5 {
  left: 575px;
  -webkit-animation: burst5 3s ease-in infinite backwards;
  animation: burst5 3s ease-in infinite backwards;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

@-webkit-keyframes rain {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}

@keyframes rain {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}

@-webkit-keyframes sway {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}

@keyframes sway {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}

@-webkit-keyframes burst1 {
  0%, 20% {
    -webkit-transform: rotate(-10deg) scale(1, 0.8);
    transform: rotate(-10deg) scale(1, 0.8);
    opacity: 0;
    top: 50px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 50px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(10deg) scale(1, 0.3);
    transform: rotate(10deg) scale(1, 0.3);
    top: 250px;
  }
}

@keyframes burst1 {
  0%, 20% {
    -webkit-transform: rotate(-10deg) scale(1, 0.8);
    transform: rotate(-10deg) scale(1, 0.8);
    opacity: 0;
    top: 50px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 50px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(10deg) scale(1, 0.3);
    transform: rotate(10deg) scale(1, 0.3);
    top: 250px;
  }
}

@-webkit-keyframes burst2 {
  0%, 20% {
    -webkit-transform: rotate(10deg) scale(1, 0.8);
    transform: rotate(10deg) scale(1, 0.8);
    opacity: 0;
    top: 75px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 75px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-10deg) scale(1, 0.3);
    transform: rotate(-10deg) scale(1, 0.3);
    top: 275px;
  }
}

@keyframes burst2 {
  0%, 20% {
    -webkit-transform: rotate(10deg) scale(1, 0.8);
    transform: rotate(10deg) scale(1, 0.8);
    opacity: 0;
    top: 75px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 75px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-10deg) scale(1, 0.3);
    transform: rotate(-10deg) scale(1, 0.3);
    top: 275px;
  }
}

@-webkit-keyframes burst3 {
  0%, 20% {
    -webkit-transform: rotate(-5deg) scale(1, 0.8);
    transform: rotate(-5deg) scale(1, 0.8);
    opacity: 0;
    top: 75px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 75px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(15deg) scale(1, 0.3);
    transform: rotate(15deg) scale(1, 0.3);
    top: 275px;
  }
}

@keyframes burst3 {
  0%, 20% {
    -webkit-transform: rotate(-5deg) scale(1, 0.8);
    transform: rotate(-5deg) scale(1, 0.8);
    opacity: 0;
    top: 75px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 75px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(15deg) scale(1, 0.3);
    transform: rotate(15deg) scale(1, 0.3);
    top: 275px;
  }
}

@-webkit-keyframes burst4 {
  0%, 20% {
    -webkit-transform: rotate(5deg) scale(1, 0.8);
    transform: rotate(5deg) scale(1, 0.8);
    opacity: 0;
    top: 75px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 75px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-15deg) scale(1, 0.3);
    transform: rotate(-15deg) scale(1, 0.3);
    top: 275px;
  }
}

@keyframes burst4 {
  0%, 20% {
    -webkit-transform: rotate(5deg) scale(1, 0.8);
    transform: rotate(5deg) scale(1, 0.8);
    opacity: 0;
    top: 75px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 75px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-15deg) scale(1, 0.3);
    transform: rotate(-15deg) scale(1, 0.3);
    top: 275px;
  }
}

@-webkit-keyframes burst5 {
  0%, 20% {
    -webkit-transform: rotate(-15deg) scale(1, 0.8);
    transform: rotate(-15deg) scale(1, 0.8);
    opacity: 0;
    top: 75px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 75px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(5deg) scale(1, 0.3);
    transform: rotate(5deg) scale(1, 0.3);
    top: 275px;
  }
}

@keyframes burst5 {
  0%, 20% {
    -webkit-transform: rotate(-15deg) scale(1, 0.8);
    transform: rotate(-15deg) scale(1, 0.8);
    opacity: 0;
    top: 75px;
  }
  25% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
    top: 75px;
  }
  75% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(5deg) scale(1, 0.3);
    transform: rotate(5deg) scale(1, 0.3);
    top: 275px;
  }
}

@-webkit-keyframes grow {
  0%, 20% {
    -webkit-transform-origin: center;
    transform-origin: center;
    top: 100px;
    left: 100px;
  }
  25% {
    -webkit-transform-origin: 25px 25px;
    transform-origin: 25px 25px;
    top: 75px;
    left: 75px;
  }
  75% {
    -webkit-transform-origin: 75px 75px;
    transform-origin: 75px 75px;
    top: 25px;
    left: 25px;
  }
  100% {
    -webkit-transform-origin: 100px 100px;
    transform-origin: 100px 100px;
    top: 0px;
    left: 0px;
  }
}

@keyframes grow {
  0%, 20% {
    -webkit-transform-origin: center;
    transform-origin: center;
    top: 100px;
    left: 100px;
  }
  25% {
    -webkit-transform-origin: 25px 25px;
    transform-origin: 25px 25px;
    top: 75px;
    left: 75px;
  }
  75% {
    -webkit-transform-origin: 75px 75px;
    transform-origin: 75px 75px;
    top: 25px;
    left: 25px;
  }
  100% {
    -webkit-transform-origin: 100px 100px;
    transform-origin: 100px 100px;
    top: 0px;
    left: 0px;
  }
}

/* line 745, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst1 .star-wrapper {
  position: absolute;
  -webkit-animation: grow 3s linear infinite backwards;
  animation: grow 3s linear infinite backwards;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

/* line 755, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst2 .star-wrapper {
  position: absolute;
  -webkit-animation: grow 3s linear infinite backwards;
  animation: grow 3s linear infinite backwards;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

/* line 765, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst3 .star-wrapper {
  position: absolute;
  -webkit-animation: grow 3s linear infinite backwards;
  animation: grow 3s linear infinite backwards;
  -webkit-animation-delay: 6.8s;
  animation-delay: 6.8s;
}

/* line 775, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst4 .star-wrapper {
  position: absolute;
  -webkit-animation: grow 3s linear infinite backwards;
  animation: grow 3s linear infinite backwards;
  -webkit-animation-delay: 4.7s;
  animation-delay: 4.7s;
}

/* line 785, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst5 .star-wrapper {
  position: absolute;
  -webkit-animation: grow 3s linear infinite backwards;
  animation: grow 3s linear infinite backwards;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate1 {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate2 {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate3 {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate4 {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate5 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate6 {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate7 {
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate8 {
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate9 {
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}

/* line 796, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.rotate10 {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* line 804, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst1 .particle-star {
  background: magenta;
}

/* line 807, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst1 .particle-star:before {
  background: magenta;
}

/* line 811, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst2 .particle-star {
  background: orangered;
}

/* line 814, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst2 .particle-star:before {
  background: orangered;
}

/* line 818, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst3 .particle-star {
  background: yellow;
}

/* line 821, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst3 .particle-star:before {
  background: yellow;
}

/* line 825, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst4 .particle-star {
  background: cyan;
}

/* line 828, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst4 .particle-star:before {
  background: cyan;
}

/* line 832, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst5 .particle-star {
  background: lime;
}

/* line 835, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
#starburst5 .particle-star:before {
  background: lime;
}

/* line 839, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-star {
  opacity: 1;
  width: 6px;
  height: 6px;
  position: absolute;
  text-align: center;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* line 848, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-star:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 6px;
  opacity: 1;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@-webkit-keyframes blur_fade {
  0% {
    height: 2px;
    width: 2px;
    opacity: 0;
  }
  20% {
    -webkit-filter: blur(0.2);
    filter: blur(0.2);
    opacity: 0.3;
  }
  100% {
    height: 40px;
    width: 40px;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: 0;
  }
}

@keyframes blur_fade {
  0% {
    height: 2px;
    width: 2px;
    opacity: 0;
  }
  20% {
    -webkit-filter: blur(0.2);
    filter: blur(0.2);
    opacity: 0.3;
  }
  100% {
    height: 40px;
    width: 40px;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: 0;
  }
}

@-webkit-keyframes circle {
  0% {
    -webkit-transform-origin: -10px -10px;
    transform-origin: -10px -10px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: -10px -10px;
    transform-origin: -10px -10px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes circle {
  0% {
    -webkit-transform-origin: -10px -10px;
    transform-origin: -10px -10px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: -10px -10px;
    transform-origin: -10px -10px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(1) {
  top: 350px;
  left: 450px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite;
  -webkit-animation-delay: 5s, 0s;
  animation-delay: 5s, 4s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(2) {
  top: 200px;
  left: 700px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  -webkit-animation-delay: 14s, 3s;
  animation-delay: 1s, 1s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(3) {
  top: 400px;
  left: 650px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  -webkit-animation-delay: 3s, 0s;
  animation-delay: 12s, 4s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(4) {
  top: 100px;
  left: 50px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 2s, 2s;
  animation-delay: 13s, 1s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(5) {
  top: 350px;
  left: 350px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  -webkit-animation-delay: 4s, 2s;
  animation-delay: 10s, 4s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(6) {
  top: 100px;
  left: 350px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite;
  -webkit-animation-delay: 15s, 3s;
  animation-delay: 9s, 0s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(7) {
  top: 300px;
  left: 150px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 7s, 1s;
  animation-delay: 2s, 1s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(8) {
  top: 250px;
  left: 100px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite;
  -webkit-animation-delay: 14s, 4s;
  animation-delay: 13s, 1s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(9) {
  top: 350px;
  left: 100px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 14s, 1s;
  animation-delay: 6s, 4s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(10) {
  top: 250px;
  left: 600px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 8s, 4s;
  animation-delay: 4s, 2s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(11) {
  top: 100px;
  left: 50px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 7s, 0s;
  animation-delay: 13s, 2s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(12) {
  top: 100px;
  left: 50px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  -webkit-animation-delay: 6s, 2s;
  animation-delay: 10s, 3s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(13) {
  top: 150px;
  left: 150px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite;
  -webkit-animation-delay: 8s, 2s;
  animation-delay: 12s, 1s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(14) {
  top: 50px;
  left: 550px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite;
  -webkit-animation-delay: 9s, 4s;
  animation-delay: 0s, 3s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(15) {
  top: 150px;
  left: 50px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite;
  -webkit-animation-delay: 3s, 0s;
  animation-delay: 6s, 0s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(16) {
  top: 300px;
  left: 650px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite;
  -webkit-animation-delay: 11s, 2s;
  animation-delay: 1s, 4s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(17) {
  top: 350px;
  left: 200px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 4s, 4s;
  animation-delay: 0s, 1s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(18) {
  top: 250px;
  left: 600px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 7s, 0s;
  animation-delay: 0s, 4s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(19) {
  top: 400px;
  left: 200px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 7s, 4s;
  animation-delay: 15s, 2s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(20) {
  top: 100px;
  left: 450px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 12s, 3s;
  animation-delay: 6s, 1s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(21) {
  top: 200px;
  left: 350px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  -webkit-animation-delay: 0s, 2s;
  animation-delay: 12s, 1s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(22) {
  top: 300px;
  left: 200px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite;
  -webkit-animation-delay: 12s, 0s;
  animation-delay: 15s, 1s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(23) {
  top: 250px;
  left: 200px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  -webkit-animation-delay: 0s, 0s;
  animation-delay: 5s, 4s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(24) {
  top: 150px;
  left: 650px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  -webkit-animation-delay: 15s, 0s;
  animation-delay: 11s, 3s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(25) {
  top: 250px;
  left: 250px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite;
  -webkit-animation-delay: 2s, 0s;
  animation-delay: 9s, 0s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(26) {
  top: 100px;
  left: 650px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  -webkit-animation-delay: 5s, 1s;
  animation-delay: 7s, 3s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(27) {
  top: 200px;
  left: 650px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite;
  -webkit-animation-delay: 11s, 0s;
  animation-delay: 10s, 4s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(28) {
  top: 50px;
  left: 200px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite;
  -webkit-animation-delay: 4s, 0s;
  animation-delay: 10s, 3s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(29) {
  top: 200px;
  left: 550px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite;
  -webkit-animation-delay: 0s, 3s;
  animation-delay: 3s, 2s;
}

/* line 931, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */
.particle-subtle:nth-child(30) {
  top: 150px;
  left: 150px;
  -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite;
  animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite;
  -webkit-animation-delay: 5s, 4s;
  animation-delay: 11s, 3s;
}

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