/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
   .image-container {
    background-image: url('darkgreysquare.png'); /* Replace with your image URL */
    background-size: cover; /* Ensures the image covers the whole container */
    background-position: center; /* Centers the image */
    background-repeat: repeat; /* Prevents the image from repeating */
    height: 2205px; /* Set a specific height for the container */
    color: white; /* Ensures text is readable over a dark image */
    text-align: center; /* Centers the text horizontally */
    padding-top: 30px; /* Adjust padding to vertically position the text */
}

.image-container2 {
    background-image: url('mazarine.jpg'); /* Replace with your image URL */
    background-size: cover; /* Ensures the image covers the whole container */
    background-position: center; /* Centers the image */
    background-repeat: repeat; /* Prevents the image from repeating */
    height: 60px; /* Set a specific height for the container */
    color: white; /* Ensures text is readable over a dark image */
    text-align: center; /* Centers the text horizontally */
    padding-top: 10px; /* Adjust padding to vertically position the text */
}

.image-container3 {
    background-image: url('indigosquare.jpg'); /* Replace with your image URL */
    background-size: cover; /* Ensures the image covers the whole container */
    background-position: center; /* Centers the image */
    background-repeat: repeat; /* Prevents the image from repeating */
    height: 150px; /* Set a specific height for the container */
    color: white; /* Ensures text is readable over a dark image */
    text-align: center; /* Centers the text horizontally */
    padding-top: 20px; /* Adjust padding to vertically position the text */
}

.shadow-filter {
  filter: drop-shadow(2px 2px 4px #000000);
}

h1 {
    /* Optional: add a text shadow for better readability on busy images */
    text-shadow: 2px 2px 4px #000000;
}

p {
    /* Optional: add a text shadow for better readability on busy images */
    text-shadow: 2px 2px 4px #000000;
}

body {
  cursor: url('DiviousCursor.png'), auto;
}

/* For links only */
a {
  cursor: url('DiviousCursorPoint.png'), pointer;
}


body {
  background-image: url('darkgreysquare.png');
  background-color: black;
  color: white;
  font-family: Verdana;
  text-align: center;
  
}