@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"); body { margin: 0; font-family: "Open Sans", sans-serif; } .container { position: relative; height: 100vh; overflow: hidden; } .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../image/fondo.jpg"); background-size: cover; filter: blur(5px) brightness(0.95); z-index: -1; } .content { width: 900px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; } h1 { margin-top: 0; font-size: 3rem; color: #333; } h2 { position: absolute; top: 70%; left: 88%; font-size: 3rem; color: #333; } p { position: absolute; top: 93%; left: 45%; font-size: 0.9rem; color: #333; } .buttons { display: flex; justify-content: center; flex-wrap: wrap; } .button { margin: 1rem; padding: 0.5rem 2rem; border: 2px solid #0076b8; border-radius: 30px; background-color: #0076b8; color: #fff; font-size: 1.3rem; cursor: pointer; transition: all 0.3s; width: 280px; } .button:hover { background-color: #fff; color: #0076b8; } .button a { color: inherit; text-decoration: none; } .button:hover a { color: #0076b8; }