#div1 {
  width: 600px;
  height: 670px;
  padding: 10px;
  border: 1px solid #aaaaaa;
}
#imgb1{
	background-image: url("images/b1.jpg");
	 background-color: #cccccc;
}
 #questionDiv{}
.QueHead{font-size: 18px;
      font-size: 22px;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    margin: 5px 0;
    border-radius: 10px;
    padding: 10px 0;
    font-family: Cambria, Georgia, serif;
	}

#questionDiv .queTitle {
	padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
}



#testSubmit:hover{
	background-color: #05aaa5
}

#testSubmit:active {
	background-color: #05aaa5;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}
 /* Responsive Design */
        @media (max-width: 600px) {
            table, th, td {
                font-size: 14px;
            }

            .btn {
                padding: 4px 8px;
                font-size: 12px;
            }
        }
.steel{
	    background-color: #495057;
    padding: 10px;
    color: #f8f9fa;
    margin-bottom: 10px;
    border-radius: 20px;
    font-size: medium;
}
@keyframes popupToast {
    0% {
        transform: scale(0.5); /* Start smaller */
        opacity: 0;
    }
    60% {
        transform: scale(1.1); /* Slight overshoot */
        opacity: 1;
    }
    100% {
        transform: scale(1); /* Settle at normal size */
    }
}

/* Apply the popup animation */
#toast-container > .toast {
    animation: popupToast 0.5s ease-in-out;
    font-size: 15px; /* Set font size */
    color: white; /* Set font color */
    background-color: #1ab0d6; /* Background color */
    width: 500px; /* Set width */
    border-radius: 8px; /* Rounded corners */
    text-align: left; /* Center text */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Add shadow */
}


footer {
	background: rgb(125,176,169);
background: linear-gradient(90deg, rgba(125,176,169,1) 0%, rgba(78,109,114,1) 31%, rgba(33,44,62,1) 100%);
	padding: 2px 10px;
	border-top: 5px solid #2a333c;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}