@media all {
	.nextButton {
		margin-top: -5px;
		margin-right: -5mm;
		
		color: #ffffffd0;
		background-color: black;
		font-family: arial;
		border-style: unset;
		float: right;
	}
	
	.questionPossibility {
		background-color: light-gray;
		padding: 1mm;
		border-radius: 10mm;
	}
	
	.questionPossibility[selected] {
		background-color: gray;
	}
	
	.skipButton {
		border-radius: 100mm;
		border-style: unset;
		background-color: gray;
		color: #ffffffd0;
	}
	
	.quizItem[increasemargin] {
		margin-top: 0px;
	}
}

@media only screen and (hover: none) and (pointer: coarse) {
	.nextButton {
		width: fit-content;
		padding-top: 0px;
		padding: 2mm 3mm;
		border-radius: 100mm;
	}

	.questionContainer {
		width: fit-content;
		padding: 3mm;
	}
	
	.skipButton {
		margin-left: -3mm;
	}
	
	.quizItem, quizEndDiv {
		border-style: solid;
		border-radius: 5mm;
		border-width: 1px;
		
		margin-top: -5mm;
	}
}

@media only screen and (pointer: fine) {
	.possibilitiesContainer {
		margin-left: 5mm;
		margin-right: 4cm;
	}

	.nextButton {
		width: fit-content;
		padding-top: 0px;
		padding: 2mm 3mm;
		border-radius: 100mm;
	}
	
	.skipButton {
		margin-left: -3mm;
		padding-top: 0px;
		padding: 1mm 2mm;
	}

	.questionContainer {
		width: fit-content;
		margin-top: 3mm;
		
		margin-left: 5mm;
		max-width: 15cm;
	}
	
	.quizItem, .quizEndDiv {
		border-style: solid;
		border-radius: 5mm;
		border-width: 1px;
		
		padding: 3mm;
		padding-top: 0mm;
		
		margin-top: -5mm;
		
		margin-bottom: 4mm;
		
		background-color: #c0b0b0;
		background-clip: padding-box;
	}	
}

@media all {
	.quizEndDiv {
		margin-top: 5px;
	}
}