@font-face {
    src:url("https://chouxgat.neocities.org/fonts/nintendoP_Humming-E_002pr.otf");
    font-family:'humming bold';
}

body {
    background-image:url("https://chouxgat.neocities.org/graphics/ac1.png");
    font-family:'humming bold';
    cursor:url("https://chouxgat.neocities.org/graphics/isabellecursor.webp"), auto;
}

::selection {
  background-color:rgba(103, 210, 103, 0.611);
}

.crt::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 999;
  filter:opacity(90%);
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}

::-webkit-scrollbar {
    display:none;
}

.ac {
    width:60%;
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    height:710px;
    border:3px solid white;
    border-radius:20px;
    background-color:rgba(255, 255, 255, 0.53);
    backdrop-filter:blur(3px);
    overflow-y:scroll;
    box-shadow:inset 0px 0px 20px rgba(0, 0, 0, 0.266);
}

.ac p {
    margin-left:20px;
    margin-right:20px;
}

.progress {
  position:absolute;
  top: 50%;
  right:10px;
  transform: translate(0%, -50%);
  width:23%;
  height:710px;
  border:3px solid white;
  border-radius:20px;
  background-color:rgba(255, 255, 255, 0.53);
  backdrop-filter:blur(3px);
  box-shadow:inset 0px 0px 20px rgba(0, 0, 0, 0.266);
}

.bar {
  height: 20px;
  position: relative;
  background: #555555a9;
  border-radius: 25px;
  padding: 10px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  margin:10px;
}

.bar span {
  display: block;
  height: 100%;
  width:23.125%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(91, 235, 105);
  background-image: linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);
  box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
  color:white;
}

.bar span:after {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.7) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0.7) 75%, transparent 75%, transparent);
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

#ss {
    width:40%;
    margin:3px;
    border:solid 3px white;
    border-radius:20px;
}