.gradient-bg {
background: linear-gradient(135deg, #4a00e0, #8e2de2);
height: 100vh;
}
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.responsive-image {
max-width: 100%;
height: auto;
}
:root {
--primary-color: #4a00e0;
--secondary-color: #8e2de2;
}
.flex-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.responsive-image {
max-width: 100%;
height: auto;
}
.responsive-video {
max-width: 100%;
height: auto;
}
.fade-in {
animation: fadeIn 1s ease-in-out;
}
:root {
--primary-color: #4a00e0;
--secondary-color: #8e2de2;
}
.flex-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}