:root {
  --background: #0f0f0f;
  --background1: #0a0a0a;
  --background2: #242424;
  --background4: #ffffff42;
  --background5: #151515;
  --fontColor: #ebebeb;
  --fontColor1: #adadad;
  --fontColor1: #ae9696;
  --textIns: #ffffff42;
  
  @media (prefers-color-scheme: ligt) {
    :root {
      --background: #ffffff;
      --background1: #f5f5f5;
      --background2: #dbdbdb;
      --background4: #e0e0e0;
      --background5: #d8d8d8;
      --fontColor: #141414;
      --fontColor1: #525252;
      --textIns: #4d4d4d;
    }
  }
}
#antecedentes:empty {
  visibility: hidden;
}

.texto2:has(~ :empty) {
  visibility: hidden;
  display: inline;
  color: var(--fontColor);
}

body {
  font-family: "Fira Sans", Arial, sans-serif;
  margin: 0;
  background-color: var(--background);
  color: var(--fontColor);
}
body,
html {
  scroll-behavior: smooth;
}
.texto {
  display: inline-block;
  background-color: var(--textIns);
  border: 0px;
  border-radius: 5px;
  height: 20px;
}
.texto1 {
  display: inline-block;
  color: var(--fontColor);
}

.titulo {
  color: var(--fontColor1);
}

.form {
  background-color: var(--background4);
  border-radius: 10px;
  margin: 0 10px;
  padding: 40px 20px;
}

.geral {
  display: grid;
  justify-items: center;
}

.valor {
  width: 2rem;
  height: 1.2rem;
  background-color: var(--textIns);
  border: 0px;
  display: inline-block;
  margin-left: 10px;
  border-radius: 7px;
}

.center {
  display: grid;
  place-self: center;
}

.text {
  margin: 0px;
  padding: 0px;
  color: var(--fontColor1);
  padding-bottom: 5px;
}
.select {
  background-color: var(--background5);
  border: 0px;
  border-radius: 5px;
  color: var(--fontColor);
  display: inline;
}