p {
  color: black;
}

/* #body {
#  background-color: aqua;
#} */

@font-face {
  font-family: "DPComic";
  src:
    local("DPComic"),
    url("/Fonts/dpcomic.regular.ttf") format("TrueType")
}



@font-face {
  font-family: "Alkhemikal";
  src:
    local("Alkhemikal"),
    url("/Fonts/Alkhemikal.tff") format("TrueType"),
    url("/Fonts/Alkhemikal.woff2") format("woff2"),
    url("/Fonts/Alkhemikal.woff") format("woff"),
}

@font-face {
  font-family: "PressStart2P";
  src:
    local("PressStart2P"),
    url("/Fonts/PressStart2P.ttf") format("TrueType");
  size-adjust: 75%;
}


@font-face {
  font-family: "PCPaint";
  src:
    local("PCPaint"),
    url("/Fonts/PCPaintEnglishSmall.ttf") format("TrueType");
}

@font-face {
  font-family: "Manaspace";
  src:
    local("Manaspace"),
    url("/Fonts/manaspc.ttf") format("TrueType")
}

@font-face {
  font-family: "DeluxeFont";
  src:
    local("dlxfont.ttf"),
    url("/Fonts/dlxfont.ttf") format("TrueType")
}

@font-face {
  font-family: "KongText";
  src:
    local("kongtext.ttf"),
    url("/Fonts/kongtext.ttf") format("TrueType");
  size-adjust: 75%;
}

@font-face {
  font-family: "LunchDS";
  src:
    local("LunchDS"),
    url("/Fonts/lunchds.ttf") format("TrueType")
}

body, .wide-pad {
  font-family: "DPComic", serif;
  cursor: url("/Images/Cursors/SamCursor.png"), default;

}

.flipped {
  transform: scaleY(-1);
}

.line {
  font-size: 10px;
  text-align: left;
  white-space: pre-wrap;
  text-indent: -0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em
}

pre {
  font-family: "Alkhemikal", sans-serif; 
  /* text-align: left; */

}

.Samantha {
  color: #8b0020;
  background-color: #00bbbb;
}
.SamanthaYellow {
  color: #e1ae00;
  background-color:  #ffffbe
}
.Leo {
  color: #c4e5bb;
  background-color: #1f1f1f;
  /* text-shadow: 0.5px 0px #1f1f1f; */

}
.Joan {
  color: #656cb1;
  background-color: #000539;
}
.Verris {
  color: #9b55bf;
  background-color: #451c5a;
}
.Weathers {
  color: #693829;
  background-color: #000000;
  font-size: 8px;
}
.Vincent {
  color: #352661;
  background-color: #6b53b3;
}
.Man {
  color: #000000;
  background-color: #093c59;
}
.Guard {
  color: #000000;
  background-color: #093c59;
}
.Jerry {
  background-color: #956c35;
  color: #422a0a;
}

.Remy {
  color: #093c59;
  background-color: #5C5A53;
}

.Hendrik {
  color:  #f59b14;
  background-color:  #8a888a
}

.Anisa {
  text-shadow: 0.25px 0px #00cbcb;
  color: #00ffff;
}

.Silhouette {
  color: #53883c;
  background-color: #000000;
}

a {
    cursor: url("/Images/Cursors/SamCursorPointer.png") 13 0, pointer;
}

input, textarea, span {
    cursor: url("/Images/Cursors/WandCursorText.png") 8 16, text;
}


img {
      cursor: url("/Images/Cursors/SamCursorGrabbable.png"), grab; /* Closed hand when clicked/dragging */
      
    }

    img:active {
      cursor: url("/Images/Cursors/SamCursorGrabbing.png"), grabbing; /* Closed hand when clicked/dragging */
    }

.image-stack {
  display: grid;
  width: fit-content;
}

.image-stack>* {
  grid-area: 1/1;
  object-fit: cover;
}

/*
.layer {
  padding: 3px;
  box-sizing: border-box;
}
*/

.dialogue-box {
/* padding-top: 5px;  */
  font-family: DPComic;
  height: 230px;
  overflow-y: auto;
  min-height: 40px;
  display: block;
  box-sizing: border-box;
  /* width: 100%; */
  max-width: 100%;
cursor: url("/Images/Cursors/WandCursorText.png") 8 16, text;
}

.dialogue {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: black;
  border-style: solid;

}

/* .dialogue-running {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: black;
  border-style: solid;

} */

.dialogue-done {
  background-color: "#50505040";
  border-color: darkslategrey;
  border-style: solid;

}

.dialogue-paused {
  background-color:  rgba(0, 0, 0, 0.808);
  border-color: rgb(0, 0, 0);
  border-style: solid;

}


/* body.StageBody .dialogue-box {width: 128px} */
/* body.SplitStageBody .dialogue-box {width: 202px} */

/*.long-pad {
  padding-top: 100px;
  background-color: aqua;
}*/

.wide-pad {
  margin-left: 100px;
  background-color: aqua;
}


/*td {
  box-shadow: 0 0 0 1px black;
}*/

body.SplitStageBody { background-color: #BE6D7F; }
body.StageBody { background-color: aqua; }
body.BigStupidTable {background-color: #B9D9EB; } 
body.ProsomniumBody {background-color: #B7B700; }


.scc {
background-color: transparent;
}
.sprite-container { position: relative; }
.sprite { position: absolute; }

/* Kid Radd */
/* body.zoom {
  transform: scale(2);
  transform-origin: 0 0;
  max-width: 49vw;
} */


/* From kidd radd */
* {
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}



.BackBlack {
  background: black;
  transform: translateZ(-5px);
    position: absolute;
  width: 100%;
  height: 100%;
}

.side {
  background: black;
  transform: rotateX(90deg) translateY(-5px);
  height: 5px;
  transform-origin: top;
    position: absolute;
  width: 100%;
  height: 100%;
}

@keyframes fall {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(20px);
  }
  99% {
    transform: translateY(400px); 
    opacity: 1
  }
   100% {
    transform: translateY(401px); 
    opacity: 0
  }
}

@keyframes SamFallDisappearAnim {

  40% {
    transform: translateY(400px); 
    opacity: 0
}
  100% {opacity: 0}

}

.SamFallDisappear {animation: SamFallDisappearAnim 2s ease-in forwards;}


@keyframes SamFallFadeInAnim {

  0% {
    opacity: 0
}
  40% {
    opacity: 1
}
  100% {opacity: 1}

}

.SamFadeIn {animation: SamFallFadeInAnim 2s ease-in forwards;}




.SamFall {
  animation: fall 2s ease-in forwards;
}

.SamFallTiny {
  animation: FallTiny 1s ease-in forwards;
}

@keyframes FallTiny {
  0% {
    transform: translateY(0);
  }
   100% {
    transform: translateY(38px); 

  }
}

@keyframes RotateArm {
  0% {
    transform: rotate(0);
  }
   100% {
    transform: rotate(30deg); 

  }
}
.SamRotateArm {
  animation: RotateArm 1s ease-in forwards;
}

@keyframes SamLargerFallAnim {
0% {
	transform: translateY(0);
}

25% {
	transform: translateY(200px);
}

}

.SamLargerFall {
  animation: SamLargerFallAnim 5s ease infinite forwards;
}


@keyframes BackParAnim {
/*0% {
   transform: translateY(0);
}
*/
25%{
  transform: translateY(-200vh);
}

100%{
  transform: translateY(-100vh);
}


}


.BackPar {
  animation: BackParAnim 5s linear infinite forwards;
}
/*cubic-bezier(0.7, 0, 0.3, 1)*/



@keyframes HendWordsAnim {
0% {
	transform: translateY(100px);
}

12.5% {
	transform: translateY(200px);
}

87.5% {
	transform: translateY(0px);
}


}

.HendWords {animation: HendWordsAnim 5s ease infinite forwards;}

@keyframes VinceWordsAnim {
0% {
	transform: translateY(50px);
}

6.25% {
	transform: translateY(200px);
}

81.25% {
	transform: translateY(0px);
}


}

.VinceWords1 {animation: VinceWordsAnim 5s ease infinite forwards;}
.VinceWords2 {animation: SamLargerFallAnim 5s ease infinite forwards;}