#confirmContainer {
	background-color: var(--dt-text-background-color3); 
	border: 10px solid black;
}

.confirmText {
	text-align: center;
	font-family: sans-serif;
	font-family: var(--dt-font-family);
	font-weight: var(--dt-font-weight);
	font-style: var(--dt-font-style);
	font-size: 2.5em !important;
	color: var(--dt-colored-text3) !important;
}

#confirmText1 {
	margin-bottom: 1%;
}

#confirmText2 {
	margin-top: 1%;
}

.confirmButtons {
	color:white;
	background-color: var(--dt-button-background-color1);
	border: none;
	font-family: sans-serif;
	font-family: var(--dt-font-family);
	font-weight: var(--dt-font-weight);
	font-style: var(--dt-font-style);
	font-size: 6.5vh !important;
}

.confirmButtons:hover {
	color:white;
	background-color: var(--dt-button-background-color2);
	border: 3px solid var(--dt-button-border-color1);
	cursor: pointer;
	font-family: sans-serif;
	font-family: var(--dt-font-family);
	font-weight: var(--dt-font-weight);
	font-style: var(--dt-font-style);
	font-size: 6.5vh !important;
}

.confirmButtons:focus {
	color:white;
	background-color: var(--dt-button-background-color2);
	cursor: pointer;
	font-family: sans-serif;
	font-family: var(--dt-font-family);
	font-weight: var(--dt-font-weight);
	font-style: var(--dt-font-style);
	font-size: 6.5vh !important;
	border: 3px solid var(--dt-button-focus-color1-inside) !important;
	outline: 3px solid var(--dt-button-focus-color1-outside) !important;
}

@media (aspect-ratio < 1024/768) {	
	.confirmButtons {
		font-size: 5.75vw !important;
	}
	
	.confirmButtons:hover {
		font-size: 5.75vw !important;
	}
	
	.confirmButtons:focus {
		font-size: 5.75vw !important;
	}
}