body {
  background-color: white;
  color: black;
  font-family: Times-New-Roman;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 50px;
}

a:link { color: #E22B2B}
a:visited { color: #AB0F0F }
a:hover { color: #3366CC }

.a {
    height: 450px;
    width: 645px;
    position: relative;
    left: 1;
    padding-bottom: 50px;
}

.b {
    height: 450px;
    width: 645px;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 20px;
    padding-bottom: 50px;
}

.footer {
    text-align: center;
    padding: 15px;
    height: 50px;
    background-color: #dedede;
    color: #222222;
    position: relative;
    bottom: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.insect {
    image-rendering: pixelated;
    overflow: hidden;
    width: 100%;
}

.insect img { margin: 0; }

.moth { aspect-ratio: 74 / 36 !important; }
.moth .wing { aspect-ratio: 37 / 36 !important; }
.butterfly { aspect-ratio: 76 / 47 !important; }
.butterfly .wing { aspect-ratio: 38 / 47 !important; }


.insect .body {
    z-index: 6;
    width: 100%;
    position: absolute;
    
}

.insect .wings {
    position: relative;
    top: -106%;

    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}

.insect .left,
.insect .right {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.insect .wing {
    width: 100%;
}
.insect .top {
    z-index: 8;
    position: relative;
}
.insect .bottom {
    z-index: 7;
    position: relative;
    top: calc(100% * -1);
}

.insect .left .wing { transform-origin: right center;}
.insect .right .wing { transform-origin: left center; }
.insect .top {
    animation: flutter 300ms infinite;
}
.insect .bottom {
    animation: flutter_offset 300ms infinite;
}

@keyframes flutter {
  0% { transform: rotateY(0); }
  45% { transform: rotateY(70deg); }
  95%, 100% { transform: rotateY(0); }
}

@keyframes flutter_offset {
  0%, 5% { transform: rotateY(0); }
  50% { transform: rotateY(70deg); }
  100% { transform: rotateY(0); }
}