/* main.css content */
body, html {
margin: 0;
padding: 0;
width: 100%;
background-color: #61017f; /* Adjust the background color as needed */
color: white; /* Sets the default text color to white */
font-family: Arial, sans-serif; /* Sets the default font */
}
.container {
padding-top: 20px; /* Adds padding on the top to avoid content being too close to the navigation bar, if any */
}
.headline {
text-align: center;
margin: 20px 0;
color: white; /* Sets the headline text color to white */
}
.widget-container iframe, .widget-container div {
width: 100% !important;
height: 60vh !important; /* Default to 60vh for most devices */
max-width: 100% !important;
}
/* Adjust height for smaller devices */
@media (max-width: 768px) {
.widget-container iframe, .widget-container div {
height: 70vh !important;
}
}
/* Adjust height for larger devices */
@media (min-width: 1024px) {
.widget-container iframe, .widget-container div {
height: 70vh !important;
}
}
/* Additional styles for the widgets and tabs can go here */
/* Ensure you have this rule in your main.css or within a