@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import 'csshake.min.css';
body{margin: 0px; /*background: #5a3786 url("img/bg.png");*/ background: url("img/bg.png"), linear-gradient(#FF671F,#fff,#046A38); }
#container {display: table; width: 100%; height: 100%; text-align: center; }
#main {display: table-cell; vertical-align: middle; }
#pic{text-align: center;}
#pic img{border-radius: 50%;max-width: 150px;border: 5px solid #fff;}
#logo {animation-duration: 4s !important;font-size: 60pt; color: #06038D; font-family: 'Great Vibes', cursive; }
#logo .myprofessiontitle{display: block;font-size: small;font-family: arial;text-align: right;margin-top: -20px;}
#info {font-family: Futura, "Trebuchet MS", Arial, sans-serif; line-height: 34pt; font-size: 16pt; color: #8589FF; letter-spacing: 2px; }
#info a:hover {letter-spacing: 5px; }
#sites {font-family: Futura, "Trebuchet MS", Arial, sans-serif; line-height: 30pt; font-size: 17pt; color: #06038D; }
#sites a, #info a {color: #06038D; text-decoration: none; margin-right: 15px;}
hr.hr{height: 30px; border-style: solid; border-color: #06038D; border-width: 1px 0 0 0; border-radius: 20px; max-width: 200px; }
hr.hr:before{display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #06038D; border-width: 0 0 1px 0; border-radius: 20px; }
hr.hr:after{content: "\002665";color: #06038D;display: block; margin-top: -16px; font-size: 25px;}

hr.hr1{border-top: 4px double #ffffff; text-align: center; }
hr.hr1:after{content: '\002665'; display: inline-block; position: relative; top: -15px; padding: 0 10px; background: #f0f0f0; color: #8c8b8b; font-size: 18px; }















/*
*
* My attempt at confetti, not sure of any other way to make it more random (on load etc) 
*
*/
/** {box-sizing: border-box; }*/
/*html, body {height: 100%; }*/
.conf-cont {position: relative; width: 100%; height: 100%; overflow: hidden; }
.confetti {position: absolute; width: 12px; height: 12px; background-color: #f00; opacity: 0.0; -webkit-animation-name: fallsway; animation-name: fallsway; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-play-state: running; animation-play-state: running; }
.confetti:nth-child(1) {z-index: 1; -webkit-animation-name: fallsway1; animation-name: fallsway1; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; background-color: #29382c; }
.confetti:nth-child(2) {z-index: 2; -webkit-animation-name: fallsway2; animation-name: fallsway2; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; background-color: #ce3da7; }
.confetti:nth-child(3) {z-index: 3; -webkit-animation-name: fallsway3; animation-name: fallsway3; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; background-color: #05874a; }
.confetti:nth-child(4) {z-index: 4; -webkit-animation-name: fallsway4; animation-name: fallsway4; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; background-color: #5f7c82; }
.confetti:nth-child(5) {z-index: 5; -webkit-animation-name: fallsway5; animation-name: fallsway5; -webkit-animation-delay: 1s; animation-delay: 1s; background-color: #0998e1; }
.confetti:nth-child(6) {z-index: 6; -webkit-animation-name: fallsway6; animation-name: fallsway6; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; background-color: #12bae6; }
.confetti:nth-child(7) {z-index: 7; -webkit-animation-name: fallsway7; animation-name: fallsway7; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; background-color: #fbfb27; }
.confetti:nth-child(8) {z-index: 8; -webkit-animation-name: fallsway8; animation-name: fallsway8; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; background-color: #fe3c7f; }
.confetti:nth-child(9) {z-index: 9; -webkit-animation-name: fallsway9; animation-name: fallsway9; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; background-color: #a91b61; }
.confetti:nth-child(10) {z-index: 10; -webkit-animation-name: fallsway10; animation-name: fallsway10; -webkit-animation-delay: 2s; animation-delay: 2s; background-color: #3a3cfb; }
.confetti:nth-child(11) {z-index: 11; -webkit-animation-name: fallsway11; animation-name: fallsway11; -webkit-animation-delay: 2.2s; animation-delay: 2.2s; background-color: #da787e; }
.confetti:nth-child(12) {z-index: 12; -webkit-animation-name: fallsway12; animation-name: fallsway12; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; background-color: #5941bd; }
.confetti:nth-child(13) {z-index: 13; -webkit-animation-name: fallsway13; animation-name: fallsway13; -webkit-animation-delay: 2.6s; animation-delay: 2.6s; background-color: #33df04; }
.confetti:nth-child(14) {z-index: 14; -webkit-animation-name: fallsway14; animation-name: fallsway14; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; background-color: #931dda; }
.confetti:nth-child(15) {z-index: 15; -webkit-animation-name: fallsway15; animation-name: fallsway15; -webkit-animation-delay: 3s; animation-delay: 3s; background-color: #791f2b; }
.confetti:nth-child(16) {z-index: 16; -webkit-animation-name: fallsway16; animation-name: fallsway16; -webkit-animation-delay: 3.2s; animation-delay: 3.2s; background-color: #26bb43; }
.confetti:nth-child(17) {z-index: 17; -webkit-animation-name: fallsway17; animation-name: fallsway17; -webkit-animation-delay: 3.4s; animation-delay: 3.4s; background-color: #9e1708; }
.confetti:nth-child(18) {z-index: 18; -webkit-animation-name: fallsway18; animation-name: fallsway18; -webkit-animation-delay: 3.6s; animation-delay: 3.6s; background-color: #15a49c; }
.confetti:nth-child(19) {z-index: 19; -webkit-animation-name: fallsway19; animation-name: fallsway19; -webkit-animation-delay: 3.8s; animation-delay: 3.8s; background-color: #512302; }
.confetti:nth-child(20) {z-index: 20; -webkit-animation-name: fallsway20; animation-name: fallsway20; -webkit-animation-delay: 4s; animation-delay: 4s; background-color: #05be2c; }
@-webkit-keyframes fallsway1 {
  0% {top: -5%; left: 15%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  25% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  50% {left: 10%; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  75% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  100% {top: 100%; left: 25%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
}
@keyframes fallsway1 {
  0% {top: -5%; left: 15%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  25% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  50% {left: 10%; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  75% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  100% {top: 100%; left: 25%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
}
@-webkit-keyframes fallsway2 {
  0% {top: -5%; left: 15%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  25% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  50% {left: 30%; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  75% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  100% {top: 100%; left: 31%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
}
@keyframes fallsway2 {
  0% {top: -5%; left: 15%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  25% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  50% {left: 30%; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  75% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  100% {top: 100%; left: 31%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
}
@-webkit-keyframes fallsway3 {
  0% {top: -5%; left: 45%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  25% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  50% {left: 30%; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  75% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  100% {top: 100%; left: 64%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
}
@keyframes fallsway3 {
  0% {top: -5%; left: 45%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  25% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  50% {left: 30%; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
  75% {left: 100% -random(105); -webkit-transform: skew(30deg); transform: skew(30deg); }
  100% {top: 100%; left: 64%; opacity: 1.0; -webkit-transform: skew(-30deg); transform: skew(-30deg); }
}
@-webkit-keyframes fallsway4 {
  0% {
    top: -5%;
    left: 18%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 12%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 62%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway4 {
  0% {
    top: -5%;
    left: 18%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 12%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 62%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway5 {
  0% {
    top: -5%;
    left: 59%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 26%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 26%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway5 {
  0% {
    top: -5%;
    left: 59%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 26%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 26%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway6 {
  0% {
    top: -5%;
    left: 64%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 88%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 14%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway6 {
  0% {
    top: -5%;
    left: 64%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 88%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 14%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway7 {
  0% {
    top: -5%;
    left: 19%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 7%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 16%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway7 {
  0% {
    top: -5%;
    left: 19%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 7%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 16%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway8 {
  0% {
    top: -5%;
    left: 77%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 1%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 88%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway8 {
  0% {
    top: -5%;
    left: 77%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 1%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 88%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway9 {
  0% {
    top: -5%;
    left: 1%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 36%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 73%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway9 {
  0% {
    top: -5%;
    left: 1%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 36%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 73%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway10 {
  0% {
    top: -5%;
    left: 37%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 13%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 25%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway10 {
  0% {
    top: -5%;
    left: 37%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 13%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 25%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway11 {
  0% {
    top: -5%;
    left: 28%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 53%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 70%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway11 {
  0% {
    top: -5%;
    left: 28%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 53%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 70%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway12 {
  0% {
    top: -5%;
    left: 65%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 92%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 91%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway12 {
  0% {
    top: -5%;
    left: 65%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 92%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 91%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway13 {
  0% {
    top: -5%;
    left: 80%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 61%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 26%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway13 {
  0% {
    top: -5%;
    left: 80%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 61%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 26%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway14 {
  0% {
    top: -5%;
    left: 29%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 19%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 39%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway14 {
  0% {
    top: -5%;
    left: 29%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 19%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 39%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway15 {
  0% {
    top: -5%;
    left: 5%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 94%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 64%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway15 {
  0% {
    top: -5%;
    left: 5%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 94%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 64%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway16 {
  0% {
    top: -5%;
    left: 51%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 74%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 53%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway16 {
  0% {
    top: -5%;
    left: 51%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 74%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 53%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway17 {
  0% {
    top: -5%;
    left: 53%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 52%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 23%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway17 {
  0% {
    top: -5%;
    left: 53%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 52%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 23%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway18 {
  0% {
    top: -5%;
    left: 56%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 52%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 59%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway18 {
  0% {
    top: -5%;
    left: 56%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 52%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 59%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway19 {
  0% {
    top: -5%;
    left: 46%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 64%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 76%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway19 {
  0% {
    top: -5%;
    left: 46%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 64%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 76%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway20 {
  0% {
    top: -5%;
    left: 65%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 52%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 49%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@keyframes fallsway20 {
  0% {
    top: -5%;
    left: 65%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  25% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  50% {
    left: 52%;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
  75% {
    left: 100% -random(105);
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
  }
  100% {
    top: 100%;
    left: 49%;
    opacity: 1.0;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
  }
}
@-webkit-keyframes fallsway {
  0% {
    top: -10%;
    left: 16%;
    opacity: 1.0;
  }
  25% {
    left: 49%;
  }
  50% {
    left: 71%;
  }
  75% {
    left: 3%;
  }
  100% {
    top: 110%;
    left: 5%;
    opacity: 1.0;
  }
}
@keyframes fallsway {
  0% {
    top: -10%;
    left: 16%;
    opacity: 1.0;
  }
  25% {
    left: 49%;
  }
  50% {
    left: 71%;
  }
  75% {
    left: 3%;
  }
  100% {
    top: 110%;
    left: 5%;
    opacity: 1.0;
  }
}