body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background: white; /* Sets the background color to white */
    overflow: hidden; /* Prevents scrolling */
  }

  .main-content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(245, 245, 248); /* Semi-transparent white background */
    backdrop-filter: blur(8px); /* This creates the blur effect */
  }

  .modal {
    position: relative;
    z-index: 2; /* Ensures the modal is above the blurred background */
    background: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 90%; /* Adjust width as needed */
    margin: auto; /* Centers the modal in the flex container */
    text-align: center; /* Aligns text in the center of the modal */
	position: fixed; /* Changed from relative to fixed */
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);

  }

  /* Style for hyperlinks */
    .modal a {
      /* Styling for your hyperlink */
      color: #007bff;
      text-decoration: none;
    }

    .modal a:hover {
      text-decoration: underline;
    }

.main .error {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -9vw;
	color: rgba(0,0,0,.03);
	font-size: 25vw;
	text-align: center;
	font-weight: 900;
	font-family: sans-serif;
}