23 lines
769 B
CSS
23 lines
769 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
.custom-background {
|
|
min-height: 100vh; /* Equivale a min-h-screen en Tailwind */
|
|
background-size: cover; /* bg-cover */
|
|
background-position: center; /* bg-center */
|
|
background-image: url('../public/colage-tess.jpeg'); /* Imagen de fondo */
|
|
|
|
}
|
|
|
|
|
|
.styleCard {
|
|
z-index: 10;
|
|
background: rgba(255, 255, 255, 0.3); /* Fondo blanco con transparencia */
|
|
backdrop-filter: blur(10px); /* Efecto de desenfoque */
|
|
-webkit-backdrop-filter: blur(10px); /* Soporte para Safari */
|
|
border-radius: 2rem; /* Bordes redondeados */
|
|
border: 1px solid rgba(255, 255, 255, 0.2); /* Borde translúcido */
|
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25); /* Sombra para profundidad */
|
|
}
|