/* Homepage Background*/
body{ background-image: url("../images/homepage.avif"); background-repeat: no-repeat; background-size: cover}

/*Custom Cursor*/
body{
  margin: 0;
  height: 100vh;
  cursor: url('../images/cursor1.png'), auto;
}

body{
  font-family: "Tiny5", "Courier Serif";
  color: white;
  }


.cursor{
  width: 5px;
  height: 5px;
  border: 1px solid white;
  border-radius: 50%;
  position: absolute;
  transition-duration: 200ms;
  }

/* Applying Custom Font Link*/
.tiny5-regular {
  font-family: "Tiny5", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.homemade-apple-regular {
  font-family: "Homemade Apple", cursive;
  font-weight: 400;
  font-style: normal;
}

/*Editing Font Style and Size*/
  h1 { 
    font-family: "Tiny5", "Courier Serif";
    font-size: 25px
  }
    h1 {
      text-align: center;
    }

  
  h2 {
    font-family: "Homemade Apple", "Times New Roman";
    font-size: 50px
  }
    h2 {
      text-align: center;
    }


  h3 {
    text-align: center;
    vertical-align: middle;
  }

  .cursive {
  font-family: "Homemade Apple", "Times New Roman";
  color: black;
  }

/*Login Form*/
form {
  text-align: center;
  }

.login-container {
  /* Set the background image */
  background-image: url('../images/loginpage/login1.png'); 
  /* Example: url('../images/login-background.jpg'); */

  /* Control image size and repetition */
  background-size: 1000px 500px; /* Stretches the image to cover the entire element */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  background-position: 50% 50%; /* Centers the image */


  /* Optional: Add dimensions or other styling for the container */
  min-height: 100vh; /* Make the container span the full viewport height */
  display: flex; /* Use flexbox for centering content */
  justify-content: center;
  align-items: center;
}