body
{
    margin:0;
    padding:0;
    background:#f4fc002f
}


.titulo 
{
    margin:auto;
    width: 500px;
    height: 40px;
    background: #21dd0fe0; 
    text-align:center;
    border-radius: 15px;
}

.boton1
{
  margin:0;
  display:flex;
  width: 180px;  
  height: 25px;
  padding: 4px 12px;
  margin-bottom: 5px;
  background-color: #007bff;
  color: white;
  text-decoration: none; 
  border-radius: 10px;
  cursor: pointer;
  text-align:center;
  align-items: center; 
  justify-content: center;
  
}


.boton2
{
  margin:0;
  display:flex;
  width: 180px; 
  height: 25px;
  margin-bottom: 5px;
  padding: 4px 12px;
  background-color: #007bff;
  color: white;
  text-decoration: none; 
  border-radius: 10px;
  cursor: pointer;
  text-align:center;
  align-items: center; 
  justify-content: center;
  gap:10px;
}

.boton3
{
  margin:0;
  display:absolute;
  width: 180px;
  height: 25px;
  margin-bottom: 5px;
  padding: 4px 12px;
  background-color: #007bff;
  color: white;
  text-decoration: none; 
  border-radius: 10px;
  cursor: pointer;
  text-align:center;
  align-items: center; 
  justify-content: center;
}

.boton4
{
  margin:0;
  display:absolute;
  width: 180px; 
  height: 25px; 
  margin-bottom: 5px;
  padding: 4px 12px;
  background-color: #007bff;
  color: white;
  text-decoration: none; 
  border-radius: 10px;
  cursor: pointer;
  text-align:center;
  align-items: center; 
  justify-content: center;
}

.boton5
{
  margin:0;
  display:absolute;
  width: 180px;  
  height: 25px;
  margin-bottom: 5px;
  padding: 4px 12px;
  background-color: #007bff;
  color: #ffffff;
  text-decoration: none; 
  border-radius: 10px;
  cursor: pointer;
  text-align:center;
  align-items: center; 
  justify-content: center;
}

.boton6
{
  margin:0;
  display:absolute;
  width: 180px; 
  height: 25px; 
  margin-bottom: 5px;
  padding: 4px 12px;
  background-color: #007bff;
  color: #ffffff;
  text-decoration: none; 
  border-radius: 10px;
  cursor: pointer;
  text-align:center;
  align-items: center; 
  justify-content: center;
}

.boton7
{
  margin:0;
  display:absolute;
  width: 180px;
  height: 25px;
  margin-bottom: 5px;
  padding: 4px 12px;
  background-color: #007bff;
  color: white;
  text-decoration: none; 
  border-radius: 10px;
  cursor: pointer;
  text-align:center;
  align-items: center; 
  justify-content: center;
}

.boton1:hover 
{
  background-color: #81cc09; 
}

.boton2:hover
{
    background-color: #81cc09; 
}
.boton3:hover 
{
  background-color: #81cc09; 
}
.boton4:hover 
{
  background-color: #81cc09; 
}
.boton5:hover 
{
  background-color: #81cc09; 
}
.boton6:hover 
{
  background-color: #81cc09; 
}
.boton7:hover 
{
  background-color: #81cc09; 
}


.botonir 
{
  margin:0;
  display:inline;
  width: 70px;
  padding: 10px 20px;
  background-color: #007bff;
  color: #dc143c;
  text-decoration: none; 
  border-radius: 10px;
  cursor: pointer;
  text-align:center;
  
}

.botonir:hover {
  background-color: #81cc09; 
}