body{
  font-family: 'Trebuchet MS', sans-serif;
  /* background: black; */
  background: aliceblue;
  color: rgba(0, 0, 0, 0.763);
  margin: 0;

  > header{
  text-align: center;
  > h1{
      margin: .1em;
    }
  }
}

main {
  display: flex;
  flex-wrap: wrap ;
  gap: 1em ;
}

main > header > h2 {
      margin: .1em 0em;
  }

main > section > header > h3 {
  margin: .1em 0em;
}
section.tacar {
  margin: 0.5em 1em;

  > article > h4 {
      margin: .1em 0em;
  }
}

button.m {
  background-color: gold;
}
button.c {
  background-color: lightblue;
}
button.u {
  background-color: pink;
}

form {
  width: max-content;
  background-color: white;

  border: 1px solid gray;
  border-radius: 5px;
  box-shadow: 2.5px 2.5px 2.5px gray;
  }

footer {

display: flex;
flex-direction: column;
align-items: center;

> h2{
  margin: .5em 0 0 0;
}

}

.focal-nua{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


article > h4:hover:after {
  content: attr(data-bearla);
  padding: 4px 8px;
  color: black;
  background-color:white;
  position: absolute;
  left: 0; 
  top: 10px;
  z-index:10;
  border:1px black solid;
  box-shadow:0 0 3px #ccc;
}

legend{
  width: max-content;
  border: 1px solid gray;
  border-radius: 5px;
  box-shadow: 2.5px 2.5px 2.5px gray;
}

.folaigh{
  display: none;
}


fieldset.clibeanna{
  display: flex;
  /* flex-direction: column;
  align-items: flex-start; */
}

fieldset.clibeanna > div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}