a:link {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

a:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}
    
    html {
      display: flex;
  width: 100%;
  height: 100%;
    }
    
      body {
    background-color: #1b1b1b;
    background-image: url(imagems/bg/darknoise.png);
    font-family: pkmn;
    margin: 0;
    display: flex;
    width: 100%;
    height: 100%;
      filter: url(#gaussian);
}

  svg {
      opacity: 0;
      position: absolute;
    }

.box {
   display: flex; flex-direction: column; margin: auto; color: white;border: solid gray 1px;background-color: #0000006c;
    min-width: 440px;
    max-width: 440px;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.247);
    background-image: url("bg/darkernoise-alpha.png");
}

.status {
    padding: 12px;  display: flex; background-color: #00000065;
    border-top: solid 0px gray;
    border-bottom: solid 1px gray;
}

.main {
  padding: 16px; display: flex; justify-content: center; align-items: center; flex-direction: column;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-wrap: nowrap;
  overflow: hidden;
  width: 40%;
  background-color: #00000065;
  border: solid gray 1px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-top: 4px;
  transition: 0.1s cubic-bezier(.25,.39,.23,1.69);
}

.button:hover {
  width: 70%;
  border: solid white 1px;
  cursor: default;
  transition: 0.1s cubic-bezier(.25,.39,.23,1.69);
  background-color: #1a1a1a70;
}

.flicker {
    text-shadow: 2px 0px #6955ff50, -2px 0px rgba(255, 136, 136, 0.5), 3px 0px #533cff4b, -3px 0px #ff8d8d50;
}

.filter {
    image-rendering:pixelated;
    filter: drop-shadow(0px 0px 4px #00000041) drop-shadow(2px 0px 0px #96aa0050) drop-shadow(-2px 0px 0px #00777750) drop-shadow(3px 0px 0px #acc3004b) drop-shadow(-3px 0px 0px #00727250) invert(1);
    width: 48px;
    margin-right: 16px;
}

.buttons {
  display: flex; align-items: baseline; justify-content: space-around; width: 100%; gap: 16px
}


@keyframes boxScaling {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

.boxScaling {
  animation: boxScaling 1s cubic-bezier(.17,.84,.44,1) forwards;
}

.captionField {
  margin-bottom: 32px;
  display: flex;
  align-self: baseline;
}