Actualizar Interfaz/estilos/Inicio.css

This commit is contained in:
maria.ruiz 2025-03-10 08:00:07 +00:00
parent e631a4ce7c
commit 3d5cf8b469
1 changed files with 78 additions and 82 deletions
Interfaz/estilos

View File

@ -1,82 +1,78 @@
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
body {
font-family: Arial, sans-serif;
background-color: #f9f7f4;
text-align: center;
margin: 0;
padding: 0;
}
.barra {
display:flex;
justify-content: space-between;
padding: 20px;
font-size: 18px;
}
.barra a {
text-decoration: none;
color: black;
margin: 0 15px;
}
.logout {
border: 2px solid black;
padding: 8px 15px;
border-radius: 20px;
cursor: pointer;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 80vh;
}
.title {
font-family: "Lilita One", sans-serif;
text-align: center;
font-weight: 400;
font-style: normal;
font-size: 118px;
font-weight: bold;
color: #333;
margin-bottom: 40px;
}
.button-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.ventaBoletos, .reporteVenta {
background-color: #ffaa33;
padding: 20px;
width: 250px;
font-size: 18px;
font-weight: bold;
border-radius: 20px;
position: relative;
text-align: left;
cursor: pointer;
}
.ventaBoletos span {
position: absolute;
right: 20px;
background: #444;
color: white;
padding: 10px 15px;
border-radius: 15px;
}
.reporteVenta span {
position: center;
right: 20px;
background: #444;
color: white;
padding: 10px 15px;
border-radius: 15px;
}
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
body {
font-family: Arial, sans-serif;
background-color: #f9f7f4;
text-align: center;
margin: 0;
padding: 0;
}
.barra {
display:flex;
justify-content: space-between;
padding: 20px;
font-size: 18px;
}
.barra a {
text-decoration: none;
color: black;
margin: 0 15px;
}
.logout {
border: 2px solid black;
padding: 8px 15px;
border-radius: 20px;
cursor: pointer;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 80vh;
}
.title {
font-family: "Lilita One", sans-serif;
text-align: center;
font-weight: 400;
font-style: normal;
font-size: 118px;
font-weight: bold;
color: #333;
margin-bottom: 40px;
}
.button-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.ventaBoletos, .reporteVenta {
background-color: #ffaa33;
padding: 20px;
width: 250px;
font-size: 18px;
font-weight: bold;
border-radius: 20px;
position: relative;
text-align: left;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}
.ventaBoletos span, .reporteVenta span {
background: #444;
color: white;
padding: 2px 14px;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
}