@font-face { font-family: Hershey; src: url('Hershey-Noailles-OldFrench-Bold.ttf'); }
@font-face { font-family: AlteHaasGroteskRegular; src: url('altehaasgroteskregular.ttf'); }
@font-face { font-family: SaansRegular; src: url('SaansTRIAL-Regular.otf'); }
@font-face { font-family: DMMonoRegular; src: url('DMMono-Regular.ttf'); }
@font-face { font-family: NeueHaasDisplayRoman; src: url('NeueHaasDisplayRoman.ttf'); }
@font-face { font-family: NeueHaasDisplayMedium; src: url('NeueHaasDisplayMedium.ttf'); }

* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}

*, html {
    scroll-behavior: smooth !important;
}
body {
    font-family: SaansRegular;
    font-size:15px;
    margin:0;
    scroll-behavior: smooth;

}
header {
    width:50vw;
    background-color: #ffffff;
    border-bottom: 5px solid #000;
    border-right: 1px solid #000;
    padding:27px 10px 20px 27px;
    position:fixed;
    overflow:visible;
    display:inline;
    margin-left:auto;
    margin-right:auto;
}
h1{
    font-family:Hershey;
    font-size:65px;
    color: #ffffff;
    font-weight:400;
    padding-bottom:0px;
    margin-left:10px;
    margin-bottom:10px;
}

.leftheader {
    font-family:Hershey;
    font-size:30px;
    padding:15px 40px 5px 0px;
    color: #ffffff;
    border-top:0px solid #000000;
    border-bottom:0px solid #000000;
}

#landing > p {
    font-family: SaansRegular;
    font-size:15px;
    color:#ffffff;
}

#internetarchiverecs > p {
    font-family: SaansRegular;
    font-size:15px;
    color:#ffffff;
}

.introduction > .sectionheaders {
    font-family:Hershey;
    font-size:30px;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
}

img {
    border: 1px solid #000000;
    border-radius: 25px;
    max-width: 100%;
}

div > h2 {
    font-family:Hershey;
    font-size:30px;
    padding:15px 40px 15px 40px;
    margin:0px;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
}

h3 {
    font-family:Hershey;
    font-size:23px;
    margin-bottom:-5px;
}

h3 {
    font-family:Hershey;
    font-size:20px;
    color: #ffffff;
}

.content  {
    padding:10px 40px 40px 40px;
}

figure {
    width:100%;
    margin:0px;
}

figcaption {
    padding: 10px 40px 10px 40px;
    font-family: DMMonoRegular;
    font-size:10px;
}

figure > .wideimage {
    max-width: 100%;
    border-top: 0px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 0px solid #000000;
    border-right: 0px solid #000000;
    padding:0px;
    border-radius:0px;
    margin:0px;
}

figure > .wideimageleft {
    max-width: 100%;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 0px solid #000000;
    border-right: 0px solid #000000;
    padding:0px;
    border-radius:0px;
    margin:0px;
}

.noborder {
    border:0px solid #000000;
    padding-bottom:0px;
    border-radius:0px;
    filter: drop-shadow(0px 5px 4px #00000049);
}

.bookmarks {
    border:1px solid #000000;
    border-radius:20px;
    padding:10px;
    margin-bottom:7px;
    margin-left:5px;
    text-decoration: none;
    color: #000000;
    background-color: #ffffff;
}

.bookmarks a {
    color: #000000;
    text-decoration: none;
}

.bookmarks:hover {
    border:1px solid #000000;
    border-radius:20px;
    padding:10px;
    background: #000000;
    color: #ffffff;
    text-decoration: none;
}

.bookmarks a:hover {
    color: #ffffff;
    text-decoration: none;
}

/*Section Label*/
.sectionlabel{
    border:0px solid #000000;
    color:#000000;
    background-color:#ffffff;
    border-radius:20px;
    padding:4px 8px 4px 0px;
    font-family: DMMonoRegular;
    font-size: 10px;
    margin-bottom:10px;
}

/*Endnotes*/
.endnotes {
    font-size:10px;
    color: #ffffff;
}
/*Download PDF Button*/
.downloadPDF {
    z-index:100;
    position:absolute;
    float:right;
    top:10px;
    right:10px;
    border:1px solid #000000;
    color:#ffffff;
    background-color:#000000;
    border-radius:20px;
    padding:10px;
    margin-bottom:5px;
    margin-left:5px;
}

.downloadPDF:hover {
    border:1px solid #000000;
    border-radius:20px;
    padding:10px;
    background: #ffffff;
    color: #000000;
}

.downloadPDF a {
    color: #ffffff;
    text-decoration: none;
}

.downloadPDF a:hover {
    color: #000000;
    text-decoration: none;
}
/*Book Hover Animation*/
#shelf{
    grid-template-areas: "Area";
    grid-template-columns: 0.75fr 0.75fr 0.75fr 0.75fr;
    display: grid;
    grid-row-gap: 19px;
    grid-column-gap: 19px;
}
.book {
    width:100%;
    transition: all 0.5s;
    border:0px solid #000000;
    border-radius: 0px;
}
.book:hover {
    -moz-box-shadow: 0 0 20px #ffffff;
    -webkit-box-shadow: 0 0 20px #ffffff;
    box-shadow: 0 0 20px #ffffff;
    transform:rotate(10deg);
}
/*Image Hover Effect*/
.imghover {
    transition: all 0.5s;
    border-radius: 0px;
}
.imghover:hover {
    transform:rotate(-10deg);
    border-radius: 0px;
}
/*Gates*/
#gategrid{
    grid-template-areas: "Area";
    grid-template-columns: 0.75fr 0.75fr;
    display: grid;
    grid-row-gap: 19px;
    grid-column-gap: 19px;
    color: #ffffff;
}

#gategrid img{
    border-radius:10px;
}

#gategrid figcaption {
    padding: 10px 0px 10px 0px;
    font-family: DMMonoRegular;
    font-size:10px;
}
/*RISD Beach*/

/*Button*/
button {
    margin-right:10px;
    margin-bottom:8px;
    color:#000000;
}
button a {
    text-decoration: none;
    color:#000000;
}
button a:hover {
    text-decoration: none;
    color:#000000;
}
/**/
nav {
    display:inline;
    list-style-type: none;
}
.year {
    display:inline-block;
    text-decoration: none;
    color:#000;
    padding-right:22px;
    font-size:30px;
    font-weight:700px;
}
.container {
    width: 100vw;
    height:100vh;
}
#left {
    width:50vw;
    height:100vh;
    background-color: #000000;
    float:left;
    border-right:1px solid #000;
    overflow:scroll;
    position:fixed;
    padding:10px 40px 40px 40px;
    background-position: center bottom;
    background-size: cover;
}
#right {
    width:50vw;
    height:100vh;
    background-color: #ffffff;
    float:right;
    position:fixed;
    overflow: scroll;
    right:0%;
}

.checkoutCard:hover {
    -moz-box-shadow: 0 0 20px #000000;
    -webkit-box-shadow: 0 0 20px #000000;
    box-shadow: 0 0 20px #000000;
    transform:rotate(10deg);
}
.progress { 
    position: relative;
    background: rgba(85, 85, 85, 0);
    border: 1px solid #000;
    background-color: black;
    padding: 10px;
}
.tg {
    position:float;
}
.landing{
    position:relative;
}

.landing img{
    position:absolute;
}

/*Frosted Image*/
#frostimage{
}
.frost {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    transition: 0.3s;
}
.frost:hover {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
}

.shelfShadow{
    -webkit-filter: drop-shadow(0px 3px 3px rgba(28, 11, 1, 0.604));
    filter: drop-shadow(0px 3px 3px rgb(28, 11, 1, 0.604));
}

/*Subtitles Animation*/
#subtitleanimation p {
    font-family: NeueHaasDisplayMedium;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    -webkit-text-fill-color: #FFD90F;
    position: fixed;
    transition: 0.1s;
  }
  
  #subtitleanimation p:nth-child(n+1) {
    opacity: 0.9;
    left: 10vw;
    top: 59vh;
    font-size: 31px;
    -webkit-animation-name: animate1;
    -webkit-animation-duration: 1.8s;
    animation-name: animate1;
    animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+2) {
    opacity: 1;
    left: 24vw;
    top: 54vh;
    font-size: 30px;
    -webkit-animation-name: animate2;
    -webkit-animation-duration: 3.6s;
    animation-name: animate2;
    animation-duration: 3.6s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+3) {
    opacity: 0.8;
    left: 32vw;
    top: 27vh;
    font-size: 32px;
    -webkit-animation-name: animate3;
    -webkit-animation-duration: 5.4s;
    animation-name: animate3;
    animation-duration: 5.4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+4) {
    opacity: 0.7;
    left: 10vw;
    top: 61vh;
    font-size: 32px;
    -webkit-animation-name: animate4;
    -webkit-animation-duration: 7.2s;
    animation-name: animate4;
    animation-duration: 7.2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+5) {
    opacity: 0.8;
    left: 4vw;
    top: 57vh;
    font-size: 31px;
    -webkit-animation-name: animate5;
    -webkit-animation-duration: 9s;
    animation-name: animate5;
    animation-duration: 9s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+6) {
    opacity: 0.7;
    left: 8vw;
    top: 30vh;
    font-size: 32px;
    -webkit-animation-name: animate6;
    -webkit-animation-duration: 10.8s;
    animation-name: animate6;
    animation-duration: 10.8s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+7) {
    opacity: 0.8;
    left: 9vw;
    top: 24vh;
    font-size: 31px;
    -webkit-animation-name: animate7;
    -webkit-animation-duration: 12.6s;
    animation-name: animate7;
    animation-duration: 12.6s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+8) {
    opacity: 0.9;
    left: 36vw;
    top: 35vh;
    font-size: 32px;
    -webkit-animation-name: animate8;
    -webkit-animation-duration: 14.4s;
    animation-name: animate8;
    animation-duration: 14.4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+9) {
    opacity: 0.8;
    left: 61vw;
    top: 67vh;
    font-size: 31px;
    -webkit-animation-name: animate9;
    -webkit-animation-duration: 16.2s;
    animation-name: animate9;
    animation-duration: 16.2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+10) {
    opacity: 1;
    left: 63vw;
    top: 49vh;
    font-size: 32px;
    -webkit-animation-name: animate10;
    -webkit-animation-duration: 18s;
    animation-name: animate10;
    animation-duration: 18s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+11) {
    opacity: 1;
    left: 73vw;
    top: 27vh;
    font-size: 31px;
    -webkit-animation-name: animate11;
    -webkit-animation-duration: 19.8s;
    animation-name: animate11;
    animation-duration: 19.8s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+12) {
    opacity: 0.7;
    left: 56vw;
    top: 25vh;
    font-size: 32px;
    -webkit-animation-name: animate12;
    -webkit-animation-duration: 21.6s;
    animation-name: animate12;
    animation-duration: 21.6s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+13) {
    opacity: 0.7;
    left: 14vw;
    top: 61vh;
    font-size: 31px;
    -webkit-animation-name: animate13;
    -webkit-animation-duration: 23.4s;
    animation-name: animate13;
    animation-duration: 23.4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  #subtitleanimation p:nth-child(n+14) {
    opacity: 0.8;
    left: 8vw;
    top: 61vh;
    font-size: 31px;
    -webkit-animation-name: animate14;
    -webkit-animation-duration: 25.2s;
    animation-name: animate14;
    animation-duration: 25.2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  @-webkit-keyframes animate1 {
    0% {
        color: #FFD90F;
      }
    25% {
        color: #FFD90F;
        transform: rotate(-1deg) scale(1) translateY(17px) translateX(17px);
        opacity: 1;
      }
    50% {
        color: #FFD90F;
        transform: rotate(-1deg) scale(1) translateY(18px) translateX(18px);
        opacity: 0.8;
      }
     75% {
        color: #FFD90F;
        transform: rotate(2deg) scale(1) translateY(17px) translateX(20px);
        opacity: 0.9;
      }
    100% {
        color: #FFD90F;
      }
  }
  
  @keyframes animate1 {
    0% {
        color: #FFD90F;
      }
    25% {
        color: #FFD90F;
        transform: rotate(-1deg) scale(1) translateY(17px) translateX(17px);
        opacity: 1;
      }
    50% {
        color: #FFD90F;
        transform: rotate(-1deg) scale(1) translateY(18px) translateX(18px);
        opacity: 0.8;
      }
     75% {
        color: #FFD90F;
        transform: rotate(2deg) scale(1) translateY(17px) translateX(20px);
        opacity: 0.9;
      }
    100% {
        color: #FFD90F;
      }
  }
  @-webkit-keyframes animate2 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-1deg) scale(0.5) translateY(18px) translateX(18px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-1deg) scale(0.5) translateY(18px) translateX(18px);
      opacity: 0.8;
    }
    75% {
      color: #FFD90F;
      transform: rotate(2deg) scale(0.4) translateY(18px) translateX(20px);
      opacity: 0.7;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate2 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-1deg) scale(0.5) translateY(18px) translateX(18px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-1deg) scale(0.5) translateY(18px) translateX(18px);
      opacity: 0.8;
    }
    75% {
      color: #FFD90F;
      transform: rotate(2deg) scale(0.4) translateY(18px) translateX(20px);
      opacity: 0.7;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate3 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(0.6) translateY(18px) translateX(18px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(0.6) translateY(18px) translateX(18px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(2deg) scale(0.5) translateY(24px) translateX(29px);
      opacity: 0.8;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate3 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(0.6) translateY(18px) translateX(18px);
      opacity: 0.8;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(0.6) translateY(18px) translateX(18px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(2deg) scale(0.5) translateY(21px) translateX(20px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate4 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(0.7) translateY(17px) translateX(19px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(0.7) translateY(17px) translateX(17px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(2deg) scale(0.6) translateY(17px) translateX(17px);
      opacity: 0.8;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate4 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(0.7) translateY(17px) translateX(19px);
      opacity: 0.8;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(0.7) translateY(18px) translateX(17px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(2deg) scale(0.6) translateY(19px) translateX(20px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate5 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-3deg) scale(0.8) translateY(15px) translateX(14px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-4deg) scale(0.8) translateY(16px) translateX(15px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(8deg) scale(0.7) translateY(17px) translateX(16px);
      opacity: 0.8;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate5 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-3deg) scale(0.8) translateY(17px) translateX(20px);
      opacity: 0.8;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-4deg) scale(0.8) translateY(18px) translateX(21px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(8deg) scale(0.7) translateY(19px) translateX(22px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate6 {
    80% {
      color: #FFD90F;
    }
    85% {
      color: #FFD90F;
      transform: rotate(-1deg) scale(0.9) translateY(19px) translateX(15px);
      opacity: 1;
    }
    90% {
      color: #FFD90F;
      transform: rotate(-4deg) scale(0.9) translateY(20px) translateX(16px);
      opacity: 0.9;
    }
    95% {
      color: #FFD90F;
      transform: rotate(4deg) scale(0.8) translateY(18px) translateX(17px);
      opacity: 0.8;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate6 {
    80% {
      color: #FFD90F;
    }
    85% {
      color: #FFD90F;
      transform: rotate(-1deg) scale(0.9) translateY(19px) translateX(15px);
      opacity: 0.8;
    }
    90% {
      color: #FFD90F;
      transform: rotate(-4deg) scale(0.9) translateY(20px) translateX(17px);
      opacity: 0.9;
    }
    95% {
      color: #FFD90F;
      transform: rotate(4deg) scale(0.8) translateY(18px) translateX(20px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate7 {
    80% {
      color: #FFD90F;
    }
    85% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(1) translateY(18px) translateX(19px);
      opacity: 0.8;
    }
    90% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(1) translateY(19px) translateX(20px);
      opacity: 0.9;
    }
    95% {
      color: #FFD90F;
      transform: rotate(12deg) scale(0.9) translateY(20px) translateX(21px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate7 {
    80% {
      color: #FFD90F;
    }
    85% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(1) translateY(20px) translateX(17px);
      opacity: 0.6;
    }
    90% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(1) translateY(22px) translateX(19px);
      opacity: 0.4;
    }
    95% {
      color: #FFD90F;
      transform: rotate(12deg) scale(0.9) translateY(24px) translateX(21px);
      opacity: 0.5;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate8 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-7deg) scale(1.1) translateY(3px) translateX(14px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(1.1) translateY(8px) translateX(17px);
      opacity: 1;
    }
    75% {
      color: #FFD90F;
      transform: rotate(10deg) scale(1) translateY(14px) translateX(24px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate8 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-7deg) scale(1.1) translateY(3px) translateX(14px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(1.1) translateY(8px) translateX(17px);
      opacity: 1;
    }
    75% {
      color: #FFD90F;
      transform: rotate(10deg) scale(1) translateY(14px) translateX(24px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate9 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-6deg) scale(1.2) translateY(10px) translateX(5px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-5deg) scale(1.2) translateY(5px) translateX(8px);
      opacity: 1;
    }
    75% {
      color: #FFD90F;
      transform: rotate(16deg) scale(1.1) translateY(7px) translateX(24px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate9 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-6deg) scale(1.2) translateY(10px) translateX(5px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-5deg) scale(1.2) translateY(5px) translateX(8px);
      opacity: 1;
    }
    75% {
      color: #FFD90F;
      transform: rotate(16deg) scale(1.1) translateY(7px) translateX(24px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate10 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-7deg) scale(1.3) translateY(7px) translateX(3px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-9deg) scale(1.3) translateY(11px) translateX(17px);
      opacity: 1;
    }
    75% {
      color: #FFD90F;
      transform: rotate(6deg) scale(1.2) translateY(4px) translateX(9px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate10 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-7deg) scale(1.3) translateY(7px) translateX(3px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-9deg) scale(1.3) translateY(11px) translateX(17px);
      opacity: 1;
    }
    75% {
      color: #FFD90F;
      transform: rotate(6deg) scale(1.2) translateY(4px) translateX(9px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate11 {
    0% {
        color: #FFD90F;
      }
      25% {
        color: #FFD90F;
        transform: rotate(-9deg) scale(1.4) translateY(24px) translateX(18px);
        opacity: 1;
      }
      50% {
        color: #FFD90F;
        transform: rotate(-2deg) scale(1.4) translateY(25px) translateX(19px);
        opacity: 1;
      }
      75% {
        color: #FFD90F;
        transform: rotate(8deg) scale(1.3) translateY(26px) translateX(20px);
        opacity: 1;
      }
      100% {
        color: #FFD90F;
      }
  }
  @keyframes animate11 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-9deg) scale(1.4) translateY(24px) translateX(18px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-2deg) scale(1.4) translateY(25px) translateX(19px);
      opacity: 1;
    }
    75% {
      color: #FFD90F;
      transform: rotate(8deg) scale(1.3) translateY(26px) translateX(20px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate12 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-4deg) scale(1.5) translateY(18px) translateX(18px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-9deg) scale(1.5) translateY(18px) translateX(19px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(12deg) scale(1.4) translateY(24px) translateX(19px);
      opacity: 0.8;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate12 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-4deg) scale(1.5) translateY(18px) translateX(18px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-9deg) scale(1.5) translateY(18px) translateX(19px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(12deg) scale(1.4) translateY(24px) translateX(19px);
      opacity: 0.8;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate13 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-7deg) scale(1.6) translateY(20px) translateX(20px);
      opacity: 0.7;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-12deg) scale(1.6) translateY(23px) translateX(19px);
      opacity: 0.8;
    }
    75% {
      color: #FFD90F;
      transform: rotate(24deg) scale(1.5) translateY(24px) translateX(18px);
      opacity: 0.9;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate13 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-7deg) scale(1.6) translateY(20px) translateX(20px);
      opacity: 0.7;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-12deg) scale(1.6) translateY(23px) translateX(19px);
      opacity: 0.8;
    }
    75% {
      color: #FFD90F;
      transform: rotate(24deg) scale(1.5) translateY(24px) translateX(18px);
      opacity: 0.9;
    }
    100% {
      color: #FFD90F;
    }
  }
  @-webkit-keyframes animate14 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-3deg) scale(1.7) translateY(15px) translateX(21px);
      opacity: 0.8;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-8deg) scale(1.7) translateY(18px) translateX(23px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(20deg) scale(1.6) translateY(20px) translateX(25px);
      opacity: 1;
    }
    100% {
      color: #FFD90F;
    }
  }
  @keyframes animate14 {
    0% {
      color: #FFD90F;
    }
    25% {
      color: #FFD90F;
      transform: rotate(-3deg) scale(1.7) translateY(15px) translateX(23px);
      opacity: 1;
    }
    50% {
      color: #FFD90F;
      transform: rotate(-8deg) scale(1.7) translateY(17px) translateX(24px);
      opacity: 0.9;
    }
    75% {
      color: #FFD90F;
      transform: rotate(20deg) scale(1.6) translateY(20px) translateX(25px);
      opacity: 0.8;
    }
    100% {
      color: #FFD90F;
    }
  }

/*Draggable Object Rotates on Hover*/
.draggable {
    width: auto; height: auto; padding: 0.5em;
    border:0px solid #ffffff;
    border-radius: 0px;
    position:absolute;
}
#objectRotateRight{
    transition: all 0.5s;
}
#objectRotateRight:hover {
    -moz-filter: drop-shadow(0px 3px 3px rgba(37, 29, 24, 0.623));
    -webkit-filter: drop-shadow(0px 3px 3px rgba(37, 29, 24, 0.623));
    filter: drop-shadow(0px 3px 3px rgba(37, 29, 24, 0.623));
    transform:rotate(10deg);
}

#objectRotateLeft {
    transition: all 0.5s;
}
#objectRotateLeft:hover {
    -moz-filter: drop-shadow(0px 3px 3px rgba(37, 29, 24, 0.623));
    -webkit-filter: drop-shadow(0px 3px 3px rgba(37, 29, 24, 0.623));
    filter: drop-shadow(0px 3px 3px rgba(37, 29, 24, 0.623));
    transform:rotate(-10deg);
}