/* Importa la fuente Poppins desde Google Fonts para usarla en todo el sitio */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap'); /* Establece estilos base para todos los elementos */ * { margin: 0; /* Elimina los márgenes por defecto */ padding: 0; /* Elimina el relleno por defecto */ box-sizing: border-box; /* Cambia el modelo de caja para incluir padding y border en el ancho y alto del elemento */ font-family: 'Poppins', sans-serif; /* Establece Poppins como la fuente predeterminada */ } /* Estilos específicos para el */ body { background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); /* Fondo con gradiente lineal */ background-size: cover; /* Asegura que el fondo cubra todo el espacio disponible */ background-attachment: fixed; /* El fondo no se mueve al hacer scroll */ background-repeat: no-repeat; /* Evita que el fondo se repita */ padding: 20px; /* Añade relleno alrededor de los contenidos del cuerpo */ } /* Estilos para el contenedor principal */ .container { max-width: 800px; /* Ancho máximo del contenedor */ margin: auto; /* Centra el contenedor horizontalmente */ background-color: rgba(255, 255, 255, 0.8); /* Color de fondo con opacidad */ border-radius: 10px; /* Bordes redondeados */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra suave alrededor del contenedor */ padding: 20px; /* Relleno dentro del contenedor */ text-align: center; /* Alinea el texto al centro */ } /* Estilos para el botón principal */ .button { margin: 20px 0; /* Añade margen arriba y abajo del botón */ } /* Estilos para el grupo de botones */ .buttons { display: flex; /* Utiliza Flexbox para la disposición */ justify-content: center; /* Centra los botones horizontalmente */ gap: 10px; /* Añade espacio entre los botones */ margin-top: 20px; /* Añade margen arriba del grupo de botones */ } /* Estilos aplicados a todos los