#outer {
    background: #3e3e3e; 
    position:relative;
    border-radius: 30px;
    font-family: Helvetica, sans-serif;
}

#top {
    left: 10px;
	right: 10px; 
    top: 0px; 
    width: auto; 
    height: 85px; 
    position: absolute; 
	background: #10e722; 
	text-align: center;
    border-radius: 30px;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#homebutton {
    right: 10px;
    width: 70px; 
    height: 70px; 
    position: absolute; 
	text-align: center;
    border-radius: 30px;
    font-size: 40px;
    background:url('/home_icon.svg') #00aa00;
    background-size: contain;
}
#counter {
    left: 10px;
    width: 100px; 
    height: 70px; 
    position: absolute; 
	text-align: center;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#toperror {
    left: 10px;
	right: 10px; 
    top: 0px; 
    width: auto; 
    height: 85px; 
    position: absolute; 
	background: #e71010; 
	text-align: center;
    border-radius: 30px;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

#imagediv {
    left: 10px; 
    top: 100px; 
    width: 53%; 
    height: 650px; 
    position: absolute; 
	background: #000000; 
    text-align: center;
    border-radius: 30px;
}

#questiondiv {
    left: 10px; 
    top: 100px; 
    width: 53%; 
    height: 650px; 
    position: absolute; 
	background: #ddd9cb; 
    text-align: center;
    border: 100px;
    border-radius: 30px;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#homediv {
    right: 10px; 
    left: 10px;
    top: 100px;
    width: auto;
    height: 650px; 
    position: absolute; 
	background: #0000009a; 
    text-align: center;
    border-radius: 30px;
}

#hometable {
    right: 0px; 
    left: 0px;
    width: 100%;
    position: absolute;
    text-align: center;
}

#responsediv {
    right: 10px; 
    top: 100px; 
    width: 45%; 
    height: 650px; 
    position: absolute; 
	background: #0000009a; 
    text-align: center;
    border-radius: 30px;
}

#image {
    width: 100%; 
    height: 100%;
	object-fit: contain;
    border-radius: 30px;
}

#response {
    height: 20%;
	font-size: 40px;
	color: #ffffff;
}

#button {
	font-size: 30px;
	border: none;
    border-radius: 10px;
    padding: 20px;
    background-color: #ffffff;
}
#button:hover {
    background-color: #cacaca;
}

#bluebutton {
	font-size: 30px;
	border: none;
    border-radius: 10px;
    padding: 20px;
    background-color: #4466ff;
}
#bluebutton:hover {
    background-color: #0000ca;
}