<style>#iabr-suggest, #iabr-username {
  font-family: Helvetica, sans-serif;
}

#iabr-suggest {
  resize: auto;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 8px;
}

#iabr-username {

}





#infobox span.major[style*="font-size: 20px;"] {
  font-size: 0 !important;
  position: relative;
  /*margin-bottom: 28px;
  display: inline-block;*/
}

#infobox span.major[style*="font-size: 20px;"]::before {
  content: "In a bright room";
  font-size: 20px;
}

/*#infobox span.major[style*="font-size: 20px;"]::after {
  content: "In a bright room";
  font-size: 12px;
  color: #bababa;
  text-shadow: 0 1px #878787;
  position: absolute;
  left: 2px;
  top: 28px;
  width: 413px;
}*/

.p8     #infobox span.major[style*="font-size: 20px;"]::before,
.p24    #infobox span.major[style*="font-size: 20px;"]::before {content: "In a dark room";}
.p9-23  #infobox span.major[style*="font-size: 20px;"]::before {content: "In another bright room";}
.p51-52 #infobox span.major[style*="font-size: 20px;"]::before,
.p54-57 #infobox span.major[style*="font-size: 20px;"]::before {content: "In yet another dark room";}
.p58-64 #infobox span.major[style*="font-size: 20px;"]::before {content: "In yet another bright room";}
.p53    #infobox span.major[style*="font-size: 20px;"]::before {content: "In a fourth bright room";}
.p65-69 #infobox span.major[style*="font-size: 20px;"]::before {content: "In a fourth dark room";}
.p70-87 #infobox span.major[style*="font-size: 20px;"]::before {content: "???";}
.p88-97 #infobox span.major[style*="font-size: 20px;"]::before {content: "In a bright red room";}
.p98-   #infobox span.major[style*="font-size: 20px;"]::before {content: "In another dark red room";}

/*.p9-23 #infobox span.major[style*="font-size: 20px;"]::after, .p51-69 #infobox span.major[style*="font-size: 20px;"]::after {top: 49px;}*/


#infobox td[style="width: 158px;"] {position: relative;}

#infobox td[style="width: 158px;"]::after {
    content: '';
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 1px;
    background-size: cover;
}

.p8         #infobox td[style="width: 158px;"]::after,
.p24        #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/niUqvGk.png);}
.p9-23      #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/ebeCske.png);}
.p51-52     #infobox td[style="width: 158px;"]::after,
.p54-57     #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/6LKgyzZ.png);}
.p58-64     #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/Gfmggw9.png);}
.p53        #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/928MLWq.png);}
.p65-69     #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/cQXNrfQ.png);}
.p70-87     #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/A4ahDb9.png);}
.p88-97     #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/nBCdFIb.png);}
.p98-102    #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/IwKndiC.png);}
.p103-      #infobox td[style="width: 158px;"]::after {background-image: url(https://imgur.com/LpSG03s.png);}


.p9-23  label[for="fliplr"]::before,
.p66-71 label[for="fliplr"]::before {left: 0;}
.p99-   label[for="fliplr"]::before {left: 0;}
.p51-71 label[for="flipud"]::before {top: calc(100% - 10px);}


body {position: relative;}
.iabr-wrappy {position: relative;}


.p16-71 body::before {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: black;
    z-index: -1;
}
.p39- nav a[href="mailto:support@mspfa.com"], .p48- nav a[href="/stats/"] {
  /*opacity: 0;
  cursor: default;*/
  visibility: hidden;
}

.iabr-contact, .iabr-statistics {
  display: inline-block;
  font-family: "Arial";
  font-size: x-small;
  font-weight: bold;
  text-decoration: underline;
  position: absolute;
}

.iabr-contact {
  color: #ffbc3e;
}  .p41- .iabr-contact {left: 280px; bottom: 14px;}

.iabr-statistics {
  color: #76d8ff;
}  .p48- .iabr-statistics {left: 206px; bottom: 14px;}


.iabr-grabgun {
  position: absolute;
  width: 12px;
  height: 12px;
}

.iabr-grab {
  position: absolute;
  left: 0;
  top: 0;
  width: 9px;
  height: 6px;
  border: 3px solid black;
  border-right-width: 0;
}

.iabr-line {
  position: absolute;
  left: 0;
  top: 4px;
  width: 0px;
  height: 4px;
  background: black;
}


.iabr-something {
  position: relative;
  font-family: "Press Start 2P", sans-serif;
  font-size: 120px;
}

.iabr-something-wrap {
  height: 240px;
  width: 650px;
  margin: -3px -25px 3px -25px;
  padding-top: 3px;
  box-sizing: border-box;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: hidden;
}  .p78- .iabr-something-wrap {height: 360px;}

.iabr-overlay {
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  background: black;
  position: fixed;
  top: 0;
  left: 0;
}  .p70- .iabr-overlay {pointer-events: auto;}

.p67- header .mspfalogo::before {
    content:  '';
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 2;
}
.p71-118 header .mspfalogo::before {background-image: url("https://imgur.com/Gzl5Z31.gif");}

.p67-87 #command span,
.p67-87 .iabr-something,
.p67-87 .iabr-words,
.p67-87 nav span,
.p67-87 nav div,
.p67-87 nav a,
.p67-87 #info,
.p67-87 #links,
.p67-87 #prevlinks,
.p67-87 #gamelinks {position: relative; z-index: 2;}
.p71-87 #slide {color: white;}
.p71-87 #slide a {color: dodgerblue;}
.p71-87 #slide img {position: relative; z-index: 2;}



.p88-118 body           {background-color: #9b412f;}
.p88-118 #main,
.p88-118 #container {background-color: #c87866;}
.p88-118 #slide         {background-color: #f3c9c0;}
.p88-118 .mspfalogo     {background-color: #f3c9c0; border-color: #c87866;}
.p88-118 label.iabr-inactive {border-color: #c87866;}
.p88-118 label.iabr-inactive::before {background-color: #c87866;}

.p88-118 .umcontainer {position: relative;}
.p88-118 .umcontainer::before {
    content: '';
    display: block;
    width: 728px;
    height: 100%;
    position: absolute;
    right: 0;
    background: red;
    opacity: .2;
    pointer-events: none;
}

.p88-118 label[for="flipud"] {visibility: hidden;}

.p99-118 #content img.major {margin-top: -5px;}


.p108- .iabr-row {display: flex;}
.p108- .iabr-col {flex: 1;}
.p108- .iabr-col:first-of-type {padding-right: 5px;}
.p108- .iabr-col:last-of-type {padding-left: 5px;}
.p110- .iabr-col:last-of-type {color: #bf302f;}


.p119- body             {background-color: white;}
.p119- #main,
.p119- #container   {background-color: white;}
.p119- #slide       {background-color: white;}
.p119- .mspfalogo   {background-color: white; border-color: white;}
.p119- label.iabr-inactive {border-color: white;}
.p119- label.iabr-inactive::before {background-color: white;}
.p119- nav {background-color: white;}

.p119- .umcontainer {visibility: hidden;}




@keyframes iabr-toblack {
  to {background: black;}
}

@keyframes iabr-fadein {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes iabr-fadeout {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes iabr-appear {
    from {visibility: hidden;}
    to {visibility: visible;}
}







#flipud:checked ~ .confol .onne {transform: rotateX(-180deg);}
#fliplr:checked ~ .confol .onne {transform: rotateY(-180deg);}

#fliplr:checked ~ #flipud:checked ~ .confol .twwo {transform: rotateY(0deg) rotateX(180deg);}
#fliplr:checked ~ .confol .twwo {transform: rotateY(0deg);}

#flipud:checked ~ .confol .thre {transform: rotateX(0deg);}
#fliplr:checked ~ #flipud:checked ~ .confol .thre {transform: rotateX(0deg) rotateY(180deg);}

#flipud:checked ~ .confol .forr {transform: rotateX(0deg) rotateY(180deg);}
#fliplr:checked ~ .confol .forr {transform: rotateX(180deg) rotateY(0deg);}
#fliplr:checked ~ #flipud:checked ~ .confol .forr {transform: rotateX(0deg) rotateY(0deg);}
#flipud:not(:checked) ~ .confol .forr, #fliplr:not(:checked) ~ .confol .forr {visibility: hidden;}


#fliplr, #flipud {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

label[for="flipud"], label[for="fliplr"] {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border: 10px solid black;
    cursor: pointer;
    margin-top: -4px;
    margin-bottom: 5px;
}

label[for="fliplr"] {
    border-width: 10px 0;
    float: left;
    margin-left: -25px;
    margin-right: 15px;
}

label[for="flipud"] {
    border-width: 0 10px;
    float: right;
    margin-right: -25px;
    margin-left: 15px;
}

label[for="flipud"]::before, label[for="fliplr"]::before {
    content: '';
    background: black;
    position: absolute;
    transition: .7s;
}

label[for="fliplr"]::before {
    width: 10px;
    height: 100%;
    left: calc(100% - 10px);
    top: 0;
}

label[for="flipud"]::before {
    width: 100%;
    height: 10px;
    left: 0;
    top: 0;
}

#fliplr:checked ~ label[for="fliplr"]::before {
    left: 0;
}

#flipud:checked ~ label[for="flipud"]::before {
    top: calc(100% - 10px);
}

label.iabr-inactive {
    border-color: #c6c6c6;
    cursor: default;
}

label.iabr-inactive::before {
    background-color: #c6c6c6;
}

.confol {
    position: relative;
    perspective: 1000px;
    z-index: 2;
}

.foldd {
    transition: transform .7s;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.onne {
    position: relative;
}

.twwo {
    transform: rotateY(180deg);
}

.thre {
    transform: rotateX(180deg);
}

.forr {
    transform: rotateX(-180deg) rotateY(180deg);
    transition: transform .7s, visibility 1s;
    visibility: visible;
}




















/*p3*/

.p3 #command span::after {content: "é"; margin-left: -19px; opacity: 0; animation: p3-switch 1s 1s forwards;}
@keyframes p3-switch {from {opacity: 0;} to {opacity: 1;}}



/*p8*/


.p8 .onne {
    animation: p8-onne-flip .7s 1.5s forwards;
}

.p8 .twwo {
    animation: p8-twwo-flip .7s 1.5s forwards;
}

@keyframes p8-onne-flip {
    to {transform: rotateY(-180deg);}
}

@keyframes p8-twwo-flip {
    to {transform: rotateY(0);}
}

@keyframes p8-label-move {
    to {left: 0;}
}

.p8 label[for="fliplr"]::before {
    animation: p8-label-move .7s 1.5s forwards;
}



/*p13*/


.p13 .onne {
    animation: p13-part-flip ease-in 1s infinite;
}

@keyframes p13-part-flip {
    20% {transform: rotateX(-36deg);}
}

@keyframes p13-part-label-move {
    20% {top: calc((100% - 10px)/10);}
}

.p13 label[for="flipud"]::before {
    animation: p13-part-label-move ease-in 1s infinite;
}



/*p15*/

.p15 .iabr-wrappy::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
  position: absolute;
  left: 260px;
  top: 300px;
  opacity: 0;
  animation: p15-shot-move 1s 1.2s forwards;
}

@keyframes p15-shot-move {
  50% {opacity: 1;}
  100% {left: -240px;}
}

.p15 body::before {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  animation: iabr-toblack .7s 2s forwards;
  z-index: -1;
}



/*p17*/

.p17 .iabr-wrappy {
  position: relative;
  margin: 0 -25px;
  visibility: hidden;
  animation: p17-shot-appear 3s 1s forwards;
}

.p17 .iabr-wrappy img {
  visibility: visible;
}

.p17 .iabr-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
  position: absolute;
  opacity: 0;
  animation: p17-shot-move 1s infinite 1.2s;
}

.p17 .iabr-bullet:nth-of-type(1) {top: 362px; left: 540px; animation-duration: 1.5s; animation-delay: -1.1s;}
.p17 .iabr-bullet:nth-of-type(2) {top: 318px; left: 547px; animation-duration: .7s; animation-delay: -.4s;}
.p17 .iabr-bullet:nth-of-type(3) {top: 275px; left: 541px; animation-duration: .9s; animation-delay: -1s;}
.p17 .iabr-bullet:nth-of-type(4) {top: 314px; left: 573px; animation-duration: 1s; animation-delay: -.5s;}
.p17 .iabr-bullet:nth-of-type(5) {top: 287px; left: 557px; animation-duration: 1.3s; animation-delay: -.6s;}
.p17 .iabr-bullet:nth-of-type(6) {top: 331px; left: 563px; animation-duration: 1.4s; animation-delay: -1.1s;}
.p17 .iabr-bullet:nth-of-type(7) {top: 355px; left: 581px; animation-duration: 1.6s; animation-delay: -.9s;}
.p17 .iabr-bullet:nth-of-type(8) {top: 339px; left: 553px; animation-duration: .8s; animation-delay: -1.2s;}

@keyframes p17-shot-move {
  50% {opacity: 1;}
  100% {left: 640px;}
}

@keyframes p17-shot-appear {
  from {visibility: hidden;}
  to {visibility: visible;}
}



/*p18*/

.p18 .iabr-wrappy {
  position: relative;
  margin: 0 -25px;
  visibility: hidden;
  animation: p18-shot-appear 3s 1s forwards;
}

.p18 .iabr-wrappy img {
  visibility: visible;
}

.p18 .iabr-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
  position: absolute;
  opacity: 0;
  animation: p18-shot-move 1s ease-out infinite 1.2s;
}

.p18 .iabr-bullet:nth-of-type(1) {top: 362px; left: 540px; animation-duration: .4s; animation-delay: -1.1s;}
.p18 .iabr-bullet:nth-of-type(2) {top: 315px; left: 547px; animation-duration: .5s; animation-delay: -.4s;}
.p18 .iabr-bullet:nth-of-type(3) {top: 265px; left: 541px; animation-duration: .7s; animation-delay: -1s;}
.p18 .iabr-bullet:nth-of-type(4) {top: 314px; left: 573px; animation-duration: .8s; animation-delay: -.5s;}
.p18 .iabr-bullet:nth-of-type(5) {top: 287px; left: 557px; animation-duration: .35s; animation-delay: -.6s;}
.p18 .iabr-bullet:nth-of-type(6) {top: 331px; left: 563px; animation-duration: .75s; animation-delay: -1.1s;}
.p18 .iabr-bullet:nth-of-type(7) {top: 375px; left: 581px; animation-duration: .6s; animation-delay: -.9s;}
.p18 .iabr-bullet:nth-of-type(8) {top: 339px; left: 553px; animation-duration: .3s; animation-delay: -1.2s;}

@keyframes p18-shot-move {
  50% {opacity: 1;}
  100% {left: 640px;}
}

@keyframes p18-shot-appear {
  from {visibility: hidden;}
  to {visibility: visible;}
}



/*p19*/

.p19 .iabr-wrappy .iabr-sec {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: p19-fade-in .7s 2s forwards;
}

@keyframes p19-fade-in {
  to {opacity: 1;}
}

.p19 .iabr-wrappy::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
  position: absolute;
  left: 370px;
  top: 245px;
  opacity: 0;
  animation: p19-shot-move 1s 1.2s forwards;
}

@keyframes p19-shot-move {
  50% {opacity: 1;}
  100% {left: 470px; top: 145px;}
}



/*p23*/

.p23 .onne {
  transform: rotateY(-180deg);
    animation: p23-twwo-flip .7s 1.5s forwards;
}

.p23 .twwo {
  transform: rotateY(0);
    animation: p23-onne-flip .7s 1.5s forwards;
}

@keyframes p23-onne-flip {
    to {transform: rotateY(180deg);}
}

@keyframes p23-twwo-flip {
    to {transform: rotateY(0);}
}

@keyframes p23-label-move {
    to {left: calc(100% - 10px);}
}

.p23 label[for="fliplr"]::before {
  left: 0;
    animation: p23-label-move .7s 1.5s forwards;
}



/*p38*/

.p38 .iabr-grabgun {
  position: absolute;
  left: 292px;
  top: 253.5px;
  width: 12px;
  height: 12px;
  transform: rotate(-52deg);
}

.p38 .iabr-grab {
  position: absolute;
  left: 0;
  top: 0;
  width: 9px;
  height: 6px;
  border: 3px solid black;
  border-right-width: 0;
  animation-name: p38-grab-move;
  animation-iteration-count: 2;
  animation-direction: alternate;
  animation-delay: 1.2s;
}

.p38 .iabr-line {
  position: absolute;
  left: 0;
  top: 4px;
  width: 0px;
  height: 4px;
  background: black;
  animation-name: p38-grab-line;
  animation-iteration-count: 2;
  animation-direction: alternate;
  animation-delay: 1.2s;
}

@keyframes p38-grab-move {
  100% {transform: translate(420px);}
}

@keyframes p38-grab-line {
  100% {width: 420px;}
}

.p38 nav a[href="mailto:support@mspfa.com"] {
  display: inline-block;
  animation-name: p38-victim-move;
  animation-iteration-count: 1;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-delay: 2.2s;
  transform: translate(0px);
  z-index: 2;
  position: relative;
}

@keyframes p38-victim-move {
  0% {transform: translate(-258.58px, 330.96px);}
  100% {transform: translate(0px);}
}

.p38 .iabr-grab, .p38 .iabr-line, .p38 nav a[href="mailto:support@mspfa.com"] {
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0,0,.32,.95);
}



/*p39*/

.p39 .iabr-contact {
  left: 280px;
  top: 327px;
}



/*p40*/

.p40 .iabr-contact {
  left: 280px;
  top: 327px;
}



/*p47*/

.p47 .iabr-grabgun {
  left: 249.8px;
  top: 242px;
  transform: rotate(-90deg);
  margin-left: -25px;
}

.p47 .iabr-grab {
  animation-name: p47-grab-move;
  animation-iteration-count: 2;
  animation-direction: alternate;
  animation-delay: 1.2s;
}

.p47 .iabr-line {
  animation-name: p47-grab-line;
  animation-iteration-count: 2;
  animation-direction: alternate;
  animation-delay: 1.2s;
}

@keyframes p47-grab-move {
  100% {transform: translate(320px);}
}

@keyframes p47-grab-line {
  100% {width: 320px;}
}

.p47 nav a[href="/stats/"] {
  display: inline-block;
  animation-name: p47-victim-move;
  animation-iteration-count: 1;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-delay: 2.2s;
  transform: translate(0px);
  z-index: 2;
  position: relative;
}

@keyframes p47-victim-move {
  0% {transform: translate(0, 320px);}
  100% {transform: translate(0px);}
}

.p47 .iabr-grab, .p47 .iabr-line, .p47 nav a[href="/stats/"] {
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0,0,.32,.95);
}



/*p48*/

.p48 .iabr-grabgun {
  left: 331px;
  top: 311px;
  transform: rotate(0deg);
}

.p48 .iabr-grab {
  animation-name: p48-grab-move;
  animation-iteration-count: 1;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
}

.p48 .iabr-line {
  animation-name: p48-grab-line;
  animation-iteration-count: 2;
  animation-direction: alternate;
  animation-delay: 1.2s;
}

.p48 .iabr-line-wrap, .p48 .iabr-guy {
  animation-name: p48-grab-line-move;
  animation-iteration-count: 1;
  animation-direction: reverse;
  animation-delay: 2.2s;
  animation-fill-mode: forwards;
}

@keyframes p48-grab-move {
  100% {transform: translate(269px);}
}

@keyframes p48-grab-line {
  100% {width: 269px;}
}

@keyframes p48-grab-line-move {
  0% {transform: translate(269px);}
  100% {transform: translate(0);}
}

.p48 .iabr-grab, .p48 .iabr-line, .p48 .iabr-line-wrap, .p48 .iabr-guy {
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0,0,.32,.95);
}

.p48 .iabr-guy {
  position: absolute;
  left: 0px;
  bottom: 4px;
  pointer-events: none;
}



/*p49*/

.p49 .iabr-wrappy {
  overflow: hidden;
  margin: 0 -25px;
}

.p49 .iabr-grabgun {
  left: 438px;
  top: 292px;
  transform: rotate(-153deg);
  margin-left: 25px;
}

.p49 .iabr-grab {
  animation-name: p49-grab-move;
  animation-iteration-count: 2;
  animation-direction: alternate;
  animation-delay: 1.2s;
}

.p49 .iabr-line {
  animation-name: p49-grab-line;
  animation-iteration-count: 2;
  animation-direction: alternate;
  animation-delay: 1.2s;
}

.p49 .iabr-window-wrap {
  animation-name: p49-grab-line-move;
  animation-iteration-count: 1;
  animation-direction: reverse;
  animation-delay: 2.2s;
  animation-fill-mode: forwards;
  transform: rotate(-153deg) translate(0);
  position: absolute;
  left: 0px;
  top: 0px;
  pointer-events: none;
  margin-left: 25px;
}


@keyframes p49-grab-move {
  100% {transform: translate(300px);}
}

@keyframes p49-grab-line {
  100% {width: 300px;}
}

@keyframes p49-grab-line-move {
  0% {transform: rotate(-153deg) translate(-300px);}
  100% {transform: rotate(-153deg) translate(0);}
}

.p49 .iabr-grab, .p49 .iabr-line, .p49 .iabr-window-wrap {
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0,0,.32,.95);
}

.p49 .iabr-window {
  transform: rotate(153deg);
}



/*p50*/

.p50 .iabr-guy {
  animation: p50-push-move .2275s linear 4.7s forwards;
  transform: translate(0);
  position: absolute;
  left: 0px;
  top: 0px;
  pointer-events: none;
}

@keyframes p50-push-move {
  100% {transform: translate(-455px);}
}

.p50 .iabr-psyche {
  position: absolute;
  left: 0px;
  bottom: 20px;
  display: inline-block;
  transform: translate(2000px);
  opacity: 0;
  animation: p50-psyche-move 2s linear 4s forwards;
  font-family: "Press Start 2P", sans-serif;
  font-size: 100px;
  color: black;
  backface-visibility: hidden;
}

@keyframes p50-psyche-move {
  10%, 90% {opacity: 1;}
  100% {transform: translate(-2000px);}
}


.p50 .onne {
  animation: p50-onne-flip .7s 5s forwards;
}

.p50 .thre {
  animation: p50-thre-flip .7s 5s forwards;
}

@keyframes p50-onne-flip {
  to {transform: rotateX(-180deg);}
}

@keyframes p50-thre-flip {
  to {transform: rotateX(0);}
}

@keyframes p50-label-move {
  to {top: calc(100% - 10px);}
}

.p50 label[for="flipud"]::before {
  animation: p50-label-move .7s 5s forwards;
}

.p50 body {overflow-x: hidden;}



/*p53*/

.p53 label[for="fliplr"]::before {left: 0;}



/*p62*/

.p62 .iabr-somethingg {
  font-family: "Press Start 2P", sans-serif;
  position: relative;
  height: 0;
  min-height: 2760px;
  margin-top: -2760px;
  animation: p62-bounceInDown2 .75s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1.2s both;
}

.p62 .iabr-somethingg2 {
  font-family: "Press Start 2P", sans-serif;
  position: absolute;
  left: 0;
  top: 2760px;
  font-size: 120px;
  color: black;
  animation: p62-bounceInDown .75s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1.2s both;
  pointer-events: auto;
}

@keyframes p62-bounceInDown {
  0% {transform: translate3d(0, -3000px, 0);}
  60% {transform: translate3d(0, 25px, 0);}
  75% {transform: translate3d(0, -10px, 0);}
  90% {transform: translate3d(0, 5px, 0);}
  100% {transform: none;}
}

@keyframes p62-bounceInDown2 {
  0% {height: 0px;}
  60% {height: 3025px;}
  75% {height: 2990px;}
  90% {height: 3005px;}
  100% {height: 3000px;}
}



/*p65*/

.p65 .onne {
  transform: rotateY(0deg);
  animation: p65-onne-flip .7s 1.5s forwards;
}

.p65 .twwo {
  transform: rotateY(180deg);
  animation: p65-twwo-flip .7s 1.5s forwards;
}

@keyframes p65-onne-flip {
    to {transform: rotateY(-180deg);}
}

@keyframes p65-twwo-flip {
    to {transform: rotateY(0);}
}

@keyframes p65-label-move {
    to {left: 0;}
}

.p65 label[for="fliplr"]::before {
  left: calc(100% - 10px);
  animation: p65-label-move .7s 1.5s forwards;
}



/*p67*/

.p67 .onne {
  animation: p67-part-flip ease-in .7s infinite;
}

@keyframes p67-part-flip {
  20% {transform: rotateY(-20deg);}
}

@keyframes p67-part-label-move {
  20% {left: calc(-100%/18);}
}

.p67 label[for="fliplr"]::before {
  left: 0;
  animation: p67-part-label-move ease-in .7s infinite;
}

.p67 .iabr-overlay {
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  background: black;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  animation: p67-overlay-fade ease-in .7s infinite;
}

@keyframes p67-overlay-fade {
  20% {opacity: calc(1/18);}
}

.p67 #slide {
  animation: p67-color-white ease-in .7s infinite;
}

@keyframes p67-color-white {
  20% {color: rgb(14,14,14);}
}

.p67 header .mspfalogo::before {background-image: url("https://imgur.com/Mm07Vcs.gif");}



/*p68*/

.p68 .onne {
  animation: p68-part-flip ease-in .5s infinite;
  transform: rotateY(-10deg);
}

@keyframes p68-part-flip {
  20% {transform: rotateY(-36deg);}
}

@keyframes p68-part-label-move {
  20% {left: calc(-100%/10);}
}

.p68 label[for="fliplr"]::before {
  left: calc(-100%/36);
  animation: p68-part-label-move ease-in .5s infinite;
}

.p68 .iabr-overlay {
  opacity: calc(1/36);
  animation: p68-overlay-fade ease-in .5s infinite;
}

@keyframes p68-overlay-fade {
  20% {opacity: calc(1/10);}
}

.p68 #slide {
  animation: p68-color-white ease-in .5s infinite;
  color: rgb(7,7,7);
}

@keyframes p68-color-white {
  20% {color: rgb(26,26,26);}
}

.p68 header .mspfalogo::before {background-image: url("https://imgur.com/KqjYlmc.gif");}



/*p69*/

.p69 .onne {
  animation: p69-part-flip ease-in .2s infinite;
  transform: rotateY(-36deg);
}

@keyframes p69-part-flip {
  20% {transform: rotateY(-72deg);}
}

@keyframes p69-part-label-move {
  20% {left: calc(-100%/5);}
}

.p69 label[for="fliplr"]::before {
  left: calc(-100%/10);
  animation: p69-part-label-move ease-in .2s infinite;
}

.p69 .iabr-overlay {
  opacity: calc(1/10);
  animation: p69-overlay-fade ease-in .2s infinite;
}

@keyframes p69-overlay-fade {
  20% {opacity: calc(1/5);}
}

.p69 #slide {
  animation: p69-color-white ease-in .2s infinite;
  color: rgb(26,26,26);
}

@keyframes p69-color-white {
  20% {color: rgb(51,51,51);}
}

.p69 header .mspfalogo::before {background-image: url("https://imgur.com/u02m11s.gif");}



/*p70*/

.p70 .onne {
  animation: p70-part-flip ease-in .2s 6, p70-onne-flip .7s 1.2s forwards;
  transform: rotateY(-36deg);
}

.p70 .twwo {
  transform: rotateY(144deg);
  animation: p70-twwo-flip .7s 1.2s forwards;
}

.p70 label[for="fliplr"]::before {
  left: calc(-100%/10);
  animation: p70-label-label-move .7s 1.2s forwards, p70-part-label-move ease-in .2s 6;
}

@keyframes p70-onne-flip {
    to {transform: rotateY(-180deg);}
}

@keyframes p70-twwo-flip {
    to {transform: rotateY(0);}
}

@keyframes p70-label-label-move {
  20% {left: -100%;}
}


.p70 .iabr-overlay {
  opacity: calc(1/10);
  animation: p70-overlay-fade .7s 1.2s forwards, p70-part-overlay-fade ease-in .2s 6;
}

@keyframes p70-overlay-fade {
  100% {opacity: 1;}
}

.p70 #slide {
  animation: p70-color-white .7s 1.2s forwards, p70-part-color-white ease-in .2s 6;
  color: rgb(26,26,26);
}

@keyframes p70-color-white {
  100% {color: rgb(255,255,255);}
}


@keyframes p70-part-flip {
  20% {transform: rotateY(-72deg);}
}

@keyframes p70-part-label-move {
  20% {left: calc(-100%/5);}
}

@keyframes p70-part-overlay-fade {
  20% {opacity: calc(1/5);}
}

@keyframes p70-part-color-white {
  20% {color: rgb(51,51,51);}
}


.p70 header .mspfalogo::before {
  background-image: url("https://imgur.com/u02m11s.gif");
  animation: p70-vorked-change .0001s 1.2s forwards;
}

@keyframes p70-vorked-change {
  to {background-image: url("https://imgur.com/Gzl5Z31.gif");}
}


.p70 #slide a {
  animation: p70-color-dodge .7s 1.2s forwards;
}

@keyframes p70-color-dodge {
  to {color: dodgerblue;}
}



/*p73*/

.p73 .iabr-something {
  animation: p73-something-move 1.6s 1.2s forwards;
}

@keyframes p73-something-move {
  50% {transform: translateY(-120px);}
  100% {transform: translateY(-360px);}
}



/*p74*/

.p74 .iabr-something {
  animation: p74-something-move 2.4s ease-in-out 1.2s forwards;
}

@keyframes p74-something-move {
  100% {transform: translateY(-480px);}
}



/*p75*/

.p75 .iabr-something {
  animation: p75-something-move 2.4s ease-in-out 1.2s forwards;
}

@keyframes p75-something-move {
  100% {transform: translateY(-480px);}
}



/*p76*/

.p76 .iabr-something {
  animation: p76-something-move 1.6s ease-in-out 1.2s forwards;
}

@keyframes p76-something-move {
  100% {transform: translateY(-360px);}
}



/*p77*/

.p77 .iabr-something {
  animation: p77-something-move 1.6s 1.2s forwards;
}

@keyframes p77-something-move {
  50% {transform: translateY(-120px);}
  100% {transform: translateY(-240px);}
}

.p77 .iabr-something-wrap {
  animation: p77-something-wrap-tall .8s 2.8s forwards;
}

@keyframes p77-something-wrap-tall {
  100% {height: 360px;}
}



/*p78*/

.p78 .iabr-something {
  animation: p78-something-move1 2.4s ease-in 1.2s forwards, p78-something-move2 8.8s ease-in-out 4.4s forwards;
}

@keyframes p78-something-move {
  6%, 18% {transform: translateY(-120px);}
  24% {transform: translateY(-240px);}
  48%, 54% {transform: translateY(-720px);}
  66%, 72% {transform: translateY(-960px);}
  84% {transform: translateY(-1200px);}
  90%, 100% {transform: translateY(-1320px);}
}

@keyframes p78-something-move1 {
  33%, 66% {transform: translateY(-120px);}
  100% {transform: translateY(-240px);}
}

@keyframes p78-something-move2 {
  0% {transform: translateY(-240px);}
  36%, 45% {transform: translateY(-720px);}
  63%, 66% {transform: translateY(-960px);}
  94%, 100% {transform: translateY(-1320px);}
}



/*p79*/

.p79 .iabr-something {
  animation: p79-something-move 7.2s ease-in-out 1.2s forwards;
}

@keyframes p79-something-move {
  100% {transform: translateY(-1080px);}
}



/*p80*/

.p80 .iabr-something {
  animation: p80-something-move 5.6s ease-in-out 1.2s forwards;
}

@keyframes p80-something-move {
  100% {transform: translateY(-840px);}
}

.p80 .iabr-ps2p {
  color: red;
}



/*p81*/

.p81 .iabr-something {
  animation: p81-something-move 4.8s ease-in-out 1.2s forwards;
}

@keyframes p81-something-move {
  100% {transform: translateY(-720px);}
}

.p81 .iabr-ps2p {
  color: red;
}



/*p82*/

.p82 .iabr-something {
  animation: p82-something-move 7.2s ease-in-out 1.2s forwards;
}

@keyframes p82-something-move {
  100% {transform: translateY(-1080px);}
}



/*p83*/

.p83 .iabr-something {
  animation: p83-something-move 4.8s ease-in-out 1.2s forwards;
}

@keyframes p83-something-move {
  100% {transform: translateY(-720px);}
}



/*p84*/

.p84 .iabr-something {
  animation: p84-something-move1 2.4s ease-in 1.2s forwards, p84-something-move2 8.8s ease-in-out 4.4s forwards;
}

@keyframes p84-something-move1 {
  33.33%, 50% {transform: translateY(-120px);}
  83.33%, 100% {transform: translateY(-240px);}
}

@keyframes p84-something-move2 {
  0% {transform: translateY(-240px);}
  100% {transform: translateY(-360px);}
}



/*p85*/

.p85 .iabr-something {
  animation: p85-something-move1 0.8s ease 1.2s forwards, p85-something-move2 1.6s ease 2.8s forwards, p85-something-move3 3.2s ease-in-out 4.4s forwards;
}

@keyframes p85-something-move1 {
  100% {transform: translateY(-120px);}
}

@keyframes p85-something-move2 {
  0% {transform: translateY(-120px);}
  100% {transform: translateY(-360px);}
}

@keyframes p85-something-move3 {
  0% {transform: translateY(-360px);}
  100% {transform: translateY(-360px);}
}



/*p86*/

.p86 .iabr-something {
  animation: p86-something-move 6.4s ease-in-out 1.2s forwards;
}

@keyframes p86-something-move {
  100% {transform: translateY(-960px);}
}



/*p87*/

.p87 .iabr-something {
  animation: p87-something-move 3.2s ease-in-out 1.2s forwards;
}

@keyframes p87-something-move {
  25%, 50% {transform: translateY(-120px);}
  100% {transform: translateY(-360px);}
}

.p87 .iabr-redwrap {
    position: relative;
}

.p87 .iabr-redcircle {
    width: 100px;
    height: 100px;
    background: red;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    animation: p87-redcircle 1.2s 3 4.8s, p87-redcircle-big 2s 8.4s forwards, iabr-fadein 1.5s 8.4s forwards;
    z-index: 3;
}

.p87 #links {
    z-index: 4;
}

.p87 #links > div::before {
    animation: iabr-fadeout 1.5s 8.4s forwards;
}

@keyframes p87-redcircle {
  100% {transform: translate(-50%, -50%) scale(10); opacity: 0;}
}

@keyframes p87-redcircle-big {
  100% {transform: translate(-50%, -50%) scale(30);}
}



/*p88*/

.p88 .iabr-overlay-red {
  width: 100%;
  height: 100%;
  position: fixed;
  background: red;
  animation: iabr-fadeout 1.5s .8s forwards;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
}



/*p95*/

.p95 .iabr-grabgun {
  left: calc(-50vw + 30px);
  top: 300px;
}

.p95 .iabr-grab {
    animation: p95-grab-move 1s cubic-bezier(0,0,.32,.95) 1.2s 2 alternate;
}

.p95 .iabr-line {
    animation: p95-grab-line 1s cubic-bezier(0,0,.32,.95) 1.2s 2 alternate;
}

.p95 .iabr-guy {
    animation: p95-victim-move 1s cubic-bezier(0,0,.32,.95) 2.2s reverse forwards;
    position: absolute;
    left: 0;
    top: 0;
}

@keyframes p95-grab-move {
  100% {transform: translate(50vw);}
}

@keyframes p95-grab-line {
  100% {width: 50vw;}
}

@keyframes p95-victim-move {
  0% {transform: translate(-50vw);}
  100% {transform: translate(0px);}
}



/*p98*/

.p98 .iabr-wrappy {
    overflow: hidden;
    margin: 0 -25px;
}

.p98 .iabr-slide {
    animation: p98-scene-move 1.8s 1.2s forwards;
}

@keyframes p98-scene-move {
    0% {transform: translate(0);}
    100% {transform: translate(-100%);}
}

.p98 .iabr-slide-two {
    position: absolute;
    left: calc(100% + 25px);
    top: 0;
}

.p98 label[for="fliplr"]::before {
    animation: p98-label-move 1.8s 1.2s forwards;
}

@keyframes p98-label-move {
    to {left: 0;}
}



/*p107*/

.p107 .iabr-appear {
    animation: iabr-appear 0.001s 2.7s both;
}

.p107 .iabr-right, .p107 .iabr-left {
    position: absolute;
    width: 50%;
    top: 0;
    box-sizing: border-box;
}

.p107 .iabr-left {
    left: 0;
    animation: p107-leftin 1.5s 2s both;
    padding-left: 40px;
}

.p107 .iabr-right {
    right: 0;
    padding-right: 40px;
    animation: p107-rightwidth 1.5s 2s both;

    width: calc(100% - 40px);
    margin-left: 40px;
}

@keyframes p107-leftin {
    0% {transform: translate(-500px); opacity: 0;}
    10% {opacity: 1;}
    100% {transform: translate(0); opacity: 1;}
}

@keyframes p107-rightwidth {
    0% {max-width: calc(500px + 50%);}
    100% {max-width: 50%;}
}



/*p115*/

.p115 .iabr-wrappy {margin: 0 -25px;}

.p115 .iabr-grabgun {
    right: calc(100% + 50vw);
    top: 300px;
}

.p115 .iabr-grab, .p115 .iabr-line {animation: 1s cubic-bezier(0,0,.32,.95) 1.2s alternate forwards;}
.p115 .iabr-grab {animation-name: p115-grab-move;}
.p115 .iabr-line {animation-name: p115-grab-line; animation-iteration-count: 2;}
.p115 .iabr-line-wrap {animation: p115-victim-move 1s cubic-bezier(0,0,.32,.95) 2.2s reverse forwards;}

.p115 .iabr-guy {
    animation: p115-victim-move 1s cubic-bezier(0,0,.32,.95) 2.2s reverse forwards;
    position: absolute;
    right: calc(100% + 50vw);
    top: 61px;
    margin-right: -32px;
}

@keyframes p115-grab-move {
  100% {transform: translate(50vw);}
}

@keyframes p115-grab-line {
  100% {width: 50vw;}
}

@keyframes p115-victim-move {
  0% {transform: translate(50vw);}
  100% {transform: translate(0px);}
}



/*p116*/

.p116 .iabr-wrappy {margin: 0 -25px;}
.p116 .iabr-guy {
    position: absolute;
    right: 100%;
    top: -171px;
}



/*p117*/

.p117 .iabr-wrappy {margin: 0 -25px;}
.p117 .iabr-guy {
    position: absolute;
    right: calc(100% - 50px);
    top: -171px;
}



/*p118*/

.p118 .iabr-guy {
    position: absolute;
    left: 0;
    bottom: 100%;
}

.p118 .iabr-wrappy {
    animation: p118-margin .7s .7s both;
}

@keyframes p118-margin {
    0% {margin-top: 0;}
    100% {margin-top: 200px;}
}</style>