diff --git a/Interfaz/estilos/Inicio.css b/Interfaz/estilos/Inicio.css index 90de503..3ab4250 100644 --- a/Interfaz/estilos/Inicio.css +++ b/Interfaz/estilos/Inicio.css @@ -8,6 +8,44 @@ body { padding: 0; } +.background-container { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + z-index: -2; +} + +.linea { + position: absolute; + width: 1000px; +} + + +.linea2 { + position: absolute; + width: 1300px; +} + +.linea:nth-child(2) { top: 32%; left: -10%; } +.linea2:nth-child(1) { top: 26%; right: 37%; } +.linea:nth-child(4) { bottom: 36%; left: 50%; } +.linea2:nth-child(3) { bottom: 15%; right: -21%; } + + +.blur-overlay { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background: rgba(227, 228, 229, 0.40); + backdrop-filter: blur(10px); + z-index: -1; +} + + .barra { display:flex; justify-content: space-between; @@ -51,28 +89,44 @@ body { } .ventaBoletos, .reporteVenta { - background-color: #ffaa33; - padding: 20px; - width: 250px; + display: flex; + justify-content: space-between; + align-items: center; + background-color: #FFA726; + padding: 15px 20px; + border-radius: 15px; font-size: 18px; font-weight: bold; - border-radius: 20px; - position: relative; - text-align: left; + color: black; cursor: pointer; - display: flex; - align-items: center; - justify-content: space-between; + transition: background 0.3s ease; + width: 300px; + text-decoration: none; +} + +.ventaBoletos:hover, .reporteVenta:hover { + background-color: #FB8C00; } .ventaBoletos span, .reporteVenta span { - background: #444; + background-color: #424242; + padding: 10px 15px; + border-radius: 50%; color: white; - padding: 2px 14px; - border-radius: 15px; - display: flex; - align-items: center; - justify-content: center; + font-weight: bold; } +#pills-profile { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + height: 50vh; + font-size: 18px; + font-weight: normal; + padding: 20px; + max-width: 70%; + margin: auto; +}