body {
            padding: 20px;
 	        background-image: url("images/course-1.JPG");
            background-size: cover; /* Make the background image cover the entire screen */
            background-attachment: fixed; /* Fix the background image, preventing scrolling */
            font-family: 'Arial', sans-serif;
            margin: 0; /* Remove default margin to fill the entire viewport */
        }
 

    h1 {
      text-align: center;
      color: #333;
    }

    .logo {
      text-align: center;
      margin-bottom: 20px;
 
    }

    .logo img {
      width: 350px;
      height: 150px;
    }
	#editbutton{
		
	}

    form {
      max-width: 600px;
      max-height: 800px;
      margin: 0 auto;
      background-color: #fff;
      padding: 50px;
      border-radius: 4px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    label {
      display: block;
      margin-bottom: 10px;
      color: #333;
    }

    input[id="names"],
    input[id="gender"],
    input[id="idno"],
    input[type="email"],
    input[type="password"] {
      width: 100%;
      padding: 8px;
      margin-bottom: 20px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 14px;
    }

    button {
      background-color: #4CAF50;
      color: white;
      padding: 10px 16px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 14px;
    }
 

    button:hover {
      background-color: #45a049;
    }
	#logo-container {
  position: relative;
  padding:20px;
}

.circle {
  position: absolute;
  border-radius: 50%;
}

.red {
  background-color: red;
  width: 20px;
  height: 20px;
}

.blue {
  background-color: blue;
  width: 20px;
  height: 20px;
}
.green {
  background-color: green;
  width: 10px;
  height: 10px;
}

.orange {
  background-color: orange;
  width: 20px;
  height: 20px;
}

#text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: bold; /* Adjusted font weight to make it bold */
  color: green;
  padding:60px;
}