body {
    color:#0a0b0b;
    font-family: 'Poppins', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; 
}
.menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 90%;
    gap: 2rem;
    /* background: url('/images/trianglify-lowres.png'); */
}
.container {
    width: 100%;
    /* background: linear-gradient(45deg, #E1E1E1, #b0d0e6); */
    padding: 0;
}
.menu-item {
    min-height: 12rem; /* Height now matches width */
    min-width: 12rem; 
    max-width: 48rem; 
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    /* color: #E0E0E0; */
    border-radius: 12px;
    transition: transform 0.3s, box-shadow 0.3s;
    /* -webkit-backdrop-filter: saturate(10%) blur(10px);
    backdrop-filter:  saturate(10%) blur(10px);
    background-color: rgba(255, 246, 213, 0.51); */
    grid-column: span 1;
    text-decoration: none;
    width: 16rem;
}
.menu-item:nth-last-child(1):nth-child(odd) {
    grid-column: 1 / span 2;
    /* min-width: 24rem; */
    /* max-width: 48rem;  */
    justify-self: center;
    width: 20rem;
}
.menu-item:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
}      
.fade-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0); /* Start with a black screen */
    /* mask-clip: url('/images/andrei-castanha-sJgsyQGxycs-unsplash.svg'); */
    animation: fadeFromBlack 3s ease-in-out forwards;
}
@keyframes fadeFromBlack {
    0% { opacity: 1; } 
    100% { opacity: 0; } 
}
.arabic { background: linear-gradient(45deg, #baa42a, #FFFACD); border: 2px solid #dfce6c; } /* Yellow */
.islamic { background: linear-gradient(45deg, #32CD32, #ADFF2F); border: 2px solid #228B22; } /* Green */
.science { background: linear-gradient(45deg, #8A2BE2, #DA70D6); border: 2px solid #9400D3; } /* Purple */
.math { background: linear-gradient(45deg, #1E90FF, #87CEFA); border: 2px solid #1E90FF; } /* Blue */
.english { background: linear-gradient(45deg, #0a0b0b, #1f2428); border: 2px solid #0d3e6e; }