html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-size: 18px;
}

main {
    flex: 1; /* Ensures the main content pushes the footer down */
}


      
input[type=text] {
	font-size: 15px;
	width: 95%;
	margin: 8px 0;

	border-radius: 5px;
	background-color: white;
}

select {
	width: 95%;
	margin: 8px 0;
	border-radius: 5px;
	background-color: white;
}

textarea {width: 95%;
	margin: 8px 0;
	border-radius: 5px;
	background-color: white;
}

.container {
background-color:aliceblue;
 height:auto;
 position: static;
 border: 1px solid black;
 border-radius: 8px;
 width: auto;
 padding: 5px;
}
.containertwo {
  position: fixed;
  top: 0;
  right: 0;
 border: 2px solid red;
 border-radius: 8px;
 width: auto;
 padding: 5px;
}
input[type=radio] {
	margin-left:10px;
	height: 15px;
	width: 15px;
}
p.container{
	margin-left: 20px;
}
	
input[type=button], input[type=submit], input[type=reset]{
background-color:black;
font-weight: bold;
font-size: 14;
color: white;
margin: 4px 2px;
cursor: pointer;
width: 95%;
}




     table {
            border-collapse: collapse;
            width: 80%;
            margin: 20px auto;
            background-color: white;
        }

        td {
            border: 1px solid #ddd;
            padding: 6px;
            text-align: left;
        }
        
        th {
            border: 3px solid #ddd;
            padding: 6px;
            text-align: left;
            background-color: black;
            color: white;
        }

        tr:nth-child(even) {
            background-color: #f2f2f2;
        }

           /*  tr:hover { */
             /*    background-color: none; */
           /*  } */
        
    /* Style for the container */
    .button-container {
      display: flex;
    }

    /* Style for the buttons */
    .button {
      padding: 10px 20px;
      background-color: #007BFF;
      color: #fff;
      text-decoration: none;
      border: 1px solid #ddd;
      cursor: pointer;
      /* margin-right: 10px;  Add margin to separate buttons */}
    .submit:hover {
      background-color: #0056b3; /* Change background color on hover */
        }
        .button:hover {
      background-color: #0056b3; /* Change background color on hover */
        }
        


.respondbox {
	width:98%;
	margin:auto;
background-color:aliceblue;
 height:auto;
 position: static;
 border-radius: 8px;
}
	



input[type] {
	font-size: 15px;
	width: 100%;
	margin: 8px 0;
	border-radius: 5px;
	background-color: aliceblue;
}

select {
	width: 100%;
	margin: 8px 0;
	border-radius: 5px;
	background-color: aliceblue;
}

textarea {width: 100%;
	margin: 8px 0;
	border-radius: 5px;
	background-color: white;
}

.container {
background-color:aliceblue;
 height:auto;
 position: static;
 border: 1px solid black;
 border-radius: 8px;
 width: auto;
 padding: 5px;
}
input[type=radio] {
	margin-left:10px;
	height: 15px;
	width: 15px;
}
p.container{
	margin-left: 20px;
}
	
input[type=button], input[type=submit], input[type=reset] {
background-color:black;
border: 1px solid darkgreen;
font-weight: bold;
font-size: 14;
color: white;
padding: 16px 32px;
margin: 4px 2px;
cursor: pointer;
}

@media screen and (max-width: 600px) {
    img {
                max-width: 90%; /* Adjust the image size for smaller screens */
            }
      body {
        font-size: 14px; /* Adjust font size for smaller screens */
      }
                .button-container {
      display: block;
    }
      input[type=button], input[type=submit], input[type=reset] {
background-color:black;
border: 1px solid grey;
font-weight: bold;
font-size: 14;
color: white;
padding: 12px 26px;
margin: 3px 1px;
cursor: pointer;
}
	  
	      .text-left {
      text-align: left;
    }
    
    .text-right {
      text-align: right;
    }

    .text-center {
      text-align: center;
    }

    .text-justify {
      text-align: justify;
    }
	
table{
			border-collapse: collapse;
            width: 98%;
            margin: 12px auto;
        }
        
        td {
            border: 1px solid #ddd;
            padding: 5px;
            text-align: left;
        }
        
        th {
            border: 2px solid #ddd;
            padding: 5px;
            text-align: left;
            background-color: black;
            color: white;
        }
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        tr:hover {
            background-color: #ddd;
        }
        
        footer{
        background-color:black;
        font-weight: bold;
        font-size: 14;
        color: white;
        margin: 4px 2px;
        text-align: center;
        position: static;
        left: 0;
        bottom: 0;
        width: 100%;
}




.respondbox {
background-color:aliceblue;
 height:auto;
 position: static;
 padding:5px;
 border: 1px solid black;
 border-radius: 8px;
}
	



input[type] {
	font-size: 15px;
	width: 100%;
	margin: 8px 0;
	border-radius: 5px;
	background-color: aliceblue;
}

select {
	width: 100%;
	margin: 8px 0;
	background-color: white;
}

textarea {width: 100%;
	margin: 8px 0;
	border-radius: 5px;
	background-color: white;
}

.container {
background-color:aliceblue;
 height:auto;
 position: static;
 border: 1px solid black;
 border-radius: 8px;
 width: auto;
 padding: 5px;
}
input[type=radio] {
	margin-left:10px;
	height: 15px;
	width: 15px;
}
p.container{
	margin-left: 20px;
}
	
input[type=button], input[type=submit], input[type=reset] {
background-color:black;
border: 1px solid darkgreen;
font-weight: bold;
font-size: 14;
color: white;
padding: 16px 32px;
margin: 4px 2px;
cursor: pointer;
}

}