body {
    margin: 0;
    padding: 0;

    font-family: Arial, sans-serif;
    /*background: url('/assets/bg-pattern.png') no-repeat center center fixed;
    background-image: url('/assets/bg-pattern.png');
    background-size: cover;*/
}
        /* Sticky header styles */
        #header {
            position: sticky;
            top: 0;
            /*background-color: white;*/
            /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
            padding: 10px 0;
            z-index: 1000;
    	background-image: url(/assets/bg-pattern.png);
    	background-size: auto;
    	background-repeat: repeat-x;
    	background-position-y: center;
    	background-position-x: center;
        }
        /* Fixed footer styles */
        #footer {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #f8f9fa; /* Light gray */
            padding: 10px 0;
            text-align: center;
            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
        	font-size:0.65em;
        }
/* Logo container styling */
#logo-container {
    height: calc(25vh + 8%);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Logo styling */
#logo {
    max-height: 80%;
	width: 20%;

}

/* Links container */
#links-container {
    padding: 20px 0;
}
        /* Container styles */
        #main-container {
    		background-color: #160E58;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
            min-height: calc(60vh - 140px); /* Ensures enough space for header and footer */
            padding: 20px;
        	margin-bottom: 80px;
        }

/* Link box styling */
.link-box {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid #ccc; /* Border around link box */
    padding: 10px;
}

/* Link buttons */
.link-button {
    margin: 5px 0;
    text-decoration: none;
    color: #160E58;
    display: block; /* Make links block elements for easier clicking */
    padding: 10px;
    border: 1px solid #ccc; /* Give borders to buttons */
    border-radius: 25px; /* Round corners */
    background-color: #CE9C3A; /* Background for buttons */
    transition: 0.3s; /* For hover effect */
    font-weight: 800;
}

/* Hover effect for buttons */
.link-button:hover {
    /*background-color: #794F12;
    color: white; 
*/
scale: 1.1;
color: white;
text-decoration:none;
}

/* Links header styling */
.links-header {
    padding: 10px;
    color: white;
    /*background-color: #007bff; /* Or use a specific image with background-image */
    	filter: hue-rotate(737deg);    
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	background-image: url('/assets/bg-lang.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Responsive Styling */
@media (max-width: 768px) {
    #logo {
        width: 35%; /* Adjust logo size on smaller screens */
    }
}

@media (max-width: 500px) {
    #logo {
        width: 22%; /* Adjust logo size on smaller screens */
    }
}