body {
    font-family: 'Open Sans', sans-serif;
}
.blur-effect::before {
  content: '';
  position: fixed; /* Cover the whole screen */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */
  backdrop-filter: blur(8px); /* Blur effect */
  pointer-events: none; /* Allow clicks to pass through */
  z-index: 10; /* Ensure it's above the body content */
}
#menuToggle {
  z-index: 20; /* Higher than the overlay */
  position: relative; /* Needed for z-index to work */
}


.rounded-square {
    border-radius: 0.5rem; /* Adjust the border radius to match the screenshot */
}
.large-square {
    width: 250px;
    height: 250px;
}
.medium-square {
    width: 150px;
    height: 150px;
}
.small-square {
    width: 100px;
    height: 100px;
}

.blue-bg {
    background-color: #0D00FF;
}
.dark-purple-bg {
    background-color: #2725C1;
}
.light-purple-bg {
    background-color: #494FF8;
}
#blue-icon{
    color: #00ff8c;
}


.images span {
    margin: 10%;
    
}