body {
			background-color: #580B8F; 
		}
        #aboutus{
            margin-left: 1250px;
            margin-top: -900px;
        }
        #rulebtn{
            margin-left: 1130px;
            margin-top: -940px;
        }
		.image {
    position: relative;
    top: 75%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin: 202px 2px -24px -79px;
    -webkit-animation: spin 8s linear infinite;
    -moz-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
}
		@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
		@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
		@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
		div.tbox {
    		background: url("images/inputBackground.png");
    		left: 2%;
    		width: 300px;
    		height: 50px;
    		position: relative;
    		background-repeat: no-repeat;
		}
		div.tbox input#MyTextBox {
    		position: absolute;
    		width: 250px;
    		left: 20px;
    		top: 17px;
    		font-size: 15px;
    		font-weight: bold;
    		background-color: transparent;
    		border-color: transparent;
    		text-align: center;
    		color: white;
		}
		div.tbox input#quizBankSelect {
    		position: absolute;
    		width: 250px;
    		left: 20px;
    		top: 17px;
    		font-size: 15px;
    		font-weight: bold;
    		background-color: transparent;
    		border-color: transparent;
    		text-align: center;
    		color: white;
		}
		div.tbox select#quizBankSelect {
    position: absolute;
    width: 250px;
    left: 20px;
    top: 10px;
    font-size: 15px;
    font-weight: bold;
    background-color: transparent;
    background-image: none;
    border: none;
    text-align: center;
    color: white;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

/* add a white dropdown arrow on right side */
div.tbox::after {
    position: absolute;
    right: 35px;
    top: 17px;
    color: white;
    font-size: 12px;
    pointer-events: none;
    content: "▼";
}

div.tbox:not(:has(select))::after {
    content: none;
}
/* when dropdown opens, make sure list items stay readable */
div.tbox select#quizBankSelect option {
    background-color: #580B8F;
    color: white;
    font-weight: bold;
    
}