@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: 800px; 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 { margin-bottom: 3rem; color: #333; } .buttons { display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row; } .button { margin: 0.2rem; padding: 0.5rem 2rem; border: 2px solid #0076B8; border-radius: 30px; background-color: #0076B8; color: #FFF; font-size: 1rem; 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; }