.orange {background-color:#ffcc99; color:#000000;}
.skyblu {background-color:#504fc0; color:#000000;}
.violet {background-color:#6633cc; color:#ffffff;}
.redtex {color:#ff0000;}

#fullOverlay{
    position: absolute;
    left: 0; top: 0;
    width: 1280px; height: 768px;
    background: rgba(100, 100, 100, .0);
    z-index: 2147483646;
  }
  #fullOverlay .text{
    position: absolute;
    left: 640px; top: 384px;
    width: 100%;
    transform: translate(-50%, -50%);
    color: rgba(250, 250, 250, 1);
    font-size: 24px;
    text-align: center;
  }
  #fullOverlay2,
  #fullOverlay3,
  #fullOverlay4{
    position: absolute;
    left: 0; top: 0;
    width: 1290px; height: 803px;
    background: rgba(100, 100, 100, .3);
    z-index: 2147483646;
  }
  #fullOverlay2 .text,
  #fullOverlay3 .text,
  #fullOverlay4 .text{
    position: absolute;
    left: 640px; top: 384px;
    width: 100%;
    transform: translate(-50%, -50%);
    color: rgba(250, 250, 250, 1);
    font-size: 24px;
    text-align: center;
  }
  
  .opOverlay_black,
  .endOverlay_black1,
  .endOverlay_black2,
  .endOverlay_black3,
  .endOverlay_black4 {
    display: none;
    position: absolute;
    left: 0; top: 0;
    width: 1340px; height: 768px;
    background: rgb(13, 13, 13);
    z-index: 2147483646;
  }
  
  .endOverlay_blackXX{
    display: none;
    position: absolute;
    left: 0; top: 0;
    width: 1340px; height: 768px;
    background: rgb(13, 13, 13);
    z-index: 2147483647;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  body.scroll-lock {
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom:0px;
  }
  
  .opOverlay1,
  .opOverlay1_2,
  .opOverlay1_3,
  .opOverlay1_4,
  .endOverlay1,
  .endOverlay1_2,
  .endOverlay2,
  .endOverlay2_2,
  .endOverlay2_3,
  .endOverlay3,
  .endOverlay3_2,
  .endOverlay3_3,
  .endOverlay3_4,
  .endOverlay4,
  .endOverlay4_2,
  .endOverlay4_3{
    display: none;
    position: absolute;
    left: 0; top: 0;
    width: 1340px; height: 820px;
    background: rgb(13, 13, 13);
    z-index: 2147483646;
  }
  
  .endOverlay1_3{
    display: none;
    position: absolute;
    left: 500px; top: 500px;
    width: 500px; height: 200px;
    z-index: 2147483646;
  }
  .endOverlay1_4{
      display: none;
      position: absolute;
      left: 600px; top: 600px;
      width: 500px; height: 200px;
      z-index: 2147483646;
  
  }.endOverlay2_4{
    display: none;
    position: absolute;
    left: 500px; top: 500px;
    width: 500px; height: 200px;
    z-index: 2147483646;
  }
  .endOverlay2_5{
    display: none;
    position: absolute;
    left: 600px; top: 600px;
    width: 600px; height: 200px;
    z-index: 2147483646;
  }
  
.endOverlay3_5{
  display: none;
  position: absolute;
  left: 500px; top: 500px;
  width: 500px; height: 200px;
  z-index: 2147483646;
}
.endOverlay3_6{
  display: none;
  position: absolute;
  left: 600px; top: 600px;
  width: 600px; height: 200px;
  z-index: 2147483646;
}

.endOverlay4_4{
  display: none;
  position: absolute;
  left: 500px; top: 500px;
  width: 500px; height: 200px;
  z-index: 2147483646;
}
.endOverlay4_5{
  display: none;
  position: absolute;
  left: 600px; top: 600px;
  width: 600px; height: 200px;
  z-index: 2147483646;
}
   
  .opOverlay1-window,
  .opOverlay1_2-window,
  .opOverlay1_3-window,
  .opOverlay1_4-window,
  .endOverlay1-window,
  .endOverlay1_2-window,
  .endOverlay2-window,
  .endOverlay2_2-window,
  .endOverlay2_3-window,
  .endOverlay3-window,
  .endOverlay3_2-window,
  .endOverlay3_3-window,
  .endOverlay3_4-window,
  .endOverlay4-window,
  .endOverlay4_2-window,
  .endOverlay4_3-window{
    position: absolute;
    width: 100%;
    left: 640px; top: 300px;
    transform: translate(-50%, -50%);
    color: rgba(250, 250, 250, 1);
    font-size: 16px;
    text-align: center;
  }
  
  .konoha{
    text-align:left;
    font-size: 16px;
    color:rgb(30, 145, 199);
  }
  
  .chacha{
    text-align:left;
    font-size: 16px;
    color:rgb(212, 38, 175);
  }
  .friend{
    text-align:left;
    font-size: 16px;
    color:rgb(255, 90, 68);
  }
  
  .normal{
    text-align:left;
    font-size: 16px;
    color:rgb(255, 255, 255);
  }