@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; } .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; 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 { display: flex; justify-content: space-between; align-items: center; background-color: #FFA726; padding: 15px 20px; border-radius: 15px; font-size: 18px; font-weight: bold; color: black; cursor: pointer; transition: background 0.3s ease; width: 300px; text-decoration: none; } .ventaBoletos:hover, .reporteVenta:hover { background-color: #FB8C00; } .ventaBoletos span, .reporteVenta span { background-color: #424242; padding: 10px 15px; border-radius: 50%; color: white; 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; }