@font-face { font-family: "ace attorney"; src: url('https://dl.dropboxusercontent.com/s/cn9tv867o5q0n1k/Ace-Attorney.ttf?dl=0'); format("truetype");}
h1{
  
  font-family:ace attorney;

}
body {
  background: url('Courtroom_20122.jpg');
 background-size: cover;
background-repeat: no-repeat;
    cursor: url("cursor.png"), auto;
      font-family:ace attorney;
}
#profile{
  width:700px;
  height: auto;
  Position: absolute;
  z-index: 4;
}
#profilepic{
  z-index: 5;
}
#textnshit{
  z-index: 6;
  font-family:ace attorney;
  color: white;
}
#hubby{
  width: auto;
  height: 1500px; 
  position: absolute;
  z-index: 1000;
  left: 50%;
  top: 2%;
}
.SIMPALERT{
display: flex;
flex-direction: column;

font-family:ace attorney;
color: white;
padding: 40px;
position: absolute;
background-color: #122436;
opacity: 0.9; 
width: 800px;
top: 48%;
 z-index: 1;
 left: 1px;
 height: 1200px;
 overflow-x: hidden;
 overflow-y: scroll;
 direction: rtl;
 margin-top: 10px;
}
#boxname{
  position: absolute;
  width: auto;
  height: 70px;
  left:25px;
  top:43.7%;
  z-index:5;
}
.YAY {
  position: relative; 
  width: 200px;
  height: 200px; 
}
#objection-wrapper {
      position: fixed;
      z-index: 3000;
    }
#slide-box{
  position: fixed;
  z-index: 3000;
  left:27%;
  top: 20%;
  width: auto;
  Height: 5000;
  animation-name: slightShake;
  animation-duration: 2s;
animation-iteration-count: 1;
}
#slide-box.triggered {
        opacity: 1;
        animation-name: slightShake;
        animation-duration: 2s;
        animation-iteration-count: 1;
      }
@keyframes slightShake {
  /* Shake animation from 0% to 20% of the total duration (0s to 0.8s) */
  0%, 100% {
    transform: translateX(0); /* Start and end at original position */
  }
  5%, 15% {
    transform: translateX(-5px); /* Shake left slightly */
  }
  10%, 20% {
    transform: translateX(5px); /* Shake right slightly */
  }
  /* Pause duration from 20.1% to 99.9% of the duration (0.804s to 3.996s) */
  20.1%, 99.9% {
    transform: translateX(0); /* Stay at the original position */
    /* Ensure no movement during the pause */
  }
}
#website-content {
    display: none;
}
#opening{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 background: black;
 text-align: center ;
 display: flex;
  align-items: center;
  z-index: 30000;
}
#sillay-box{
 Background: white;
 font-family: ace attorney;
 color: black;
}
button {
  background-color: blue;
  color: black;
}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ffffff #e32672;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 80px;
  }

  *::-webkit-scrollbar-track {
    background: #e32672;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 30px;
    border: 55px double #fd0d6d;
  }