body, html {
      margin: 0;
      padding: 0;
      min-height: 100vh; /* Set minimum height to 100% of the viewport height */
	  min-width: 100vw;
      display: flex;
      flex-direction: column;
	  justify-content: center;
    }
	.container {
		/*display: flex;
		flex-direction: column;
		justify-content: center;*/
		background: linear-gradient(to bottom right, #000000, #757588);
		min-height: 100vh;
		min-width: 100vw;
		
	}
	.footer-container {
		/*display: flex;
		flex-direction: column;
		justify-content: center;*/
		/* background: linear-gradient(to bottom right, #000000, #757588); */
		min-height: 10vh;
		min-width: 100vw;
	}
	/* a {
		height: 100%;
	} */
	/*.row {
		display: flex;
		justify-content: space-between;
	}*/
	.nav-link, h1, h2, h3, h4 {
		font-family: "Marcellus", serif;
		font-weight: 400;
		font-style: normal;
	  }
	.navbar {
		background: linear-gradient(to top right, #c1c1c1, #ffffff);
	}
	  
	.centered-image {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .centered-image img {
      max-width: 100%; /* Ensure the image doesn't exceed the container */
      max-height: 100%; /* Ensure the image doesn't exceed the container */
    }
	.nav-image {
		height: 5em;
	}
	.hero {
		height: 100%;
		width: 100%;
	}
	.hero img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		
	}
	/*.row {
		display: flex;
		justify-content: center;
		align-items: center;
	}*/
	/* .box {
		align-items: center;
	} */
	.box img {
		height: 17em;
		/* border: 0.5rem solid #000;
		border-radius: 10%; */
		/*background-color: rgba(255, 255, 255, 0.15);*/
		/* background: linear-gradient(to bottom right, #D8BA00, #000000); */
	}
	.box div {
		height: 17em;
		border: 0.5rem solid #000;
		border-radius: 10%;
		background: linear-gradient(to bottom right, #D8BA00, #000000);
	}
	@media screen and (max-width: 760px) {
		.box img {
			height: 10em;
			}
		.box div {
			height: 10em;
			width: 100%;
			border-radius: 0%;
		}
		.nav-image {
			height: 3em;
		}
		h1 {
			font-size: 1em;
		}
	}
	
	.fade-in-element, .fade-in-element-2 {
      opacity: 0; /* Initially hidden */
      transition: opacity 1s ease-in-out; /* Smooth transition */
    }

    .fade-in-element.show, .fade-in-element-2.show {
      opacity: 1; /* Fade in when the show class is added */
    }
	iframe {
		height: 100vh;
		width: 100vh;
	}
	footer {
		margin: 0;
		/*padding: 20px;*/
		display: flex;
		/*flex-direction: column;*/
		/*justify-content: center;*/
		min-height: 10vh;
		min-width: 100vw;
		background-color: #000000;
	}
	.footer-div {
		width: 100%;
	}
	hr {
		width: 100vw;
		padding: 0;
		margin: 0;
		height: 1rem;
		background-color: white;
	}
	  @keyframes shake {
    0% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
    20%, 40%, 60%, 80% { transform: translateX(10px); }
    100% { transform: translateX(0); }
  }
    .shake-element {
    animation: shake 0.75s ease-in-out 1s; /* Adjust duration and timing as needed */
  }
  #blue div {
	  background: linear-gradient(to bottom right, #0000D8, #000000);
  }
  #red div {
	  background: linear-gradient(to bottom right, #E50000, #000000);
  }
  h4 {
	  color: white;
	  width: 100%;
  }
  #pdf-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px; /* Adds space between pages */
    width: 100%;
    overflow-y: auto;
}
canvas {
    image-rendering: optimizeQuality;
    image-rendering: -webkit-optimize-contrast;
}