:root {
	--exptexto: 0.3rem;
}

body {
	font-family: sans-serif;
	background: repeating-linear-gradient(90deg, #67a, #67a 1rem, #569 1rem, #569 2rem);
	}

p, label {
	font-size: 1.2rem;
}

#pg {
	border: 0.4rem solid #125;
	background-color: #cdc;
	margin: 5%;
	padding: 5%;
}

input {
    line-height: 2em;
    font-size: 1.2em;
}

.roxa {
	padding: var(--exptexto);
	background: linear-gradient(#81a, #618);
	color: #fff;
	border-radius: 15%;
}

.roxinha {
	padding: var(--exptexto);
	background: linear-gradient(#638, #436);
	color: #fff;
	border-radius: 15%;
}

.cinza {
	padding: var(--exptexto);
	background: linear-gradient(#666, #333);
	color: #fff;
	border-radius: 15%;
}

.amarelinha {
	padding: var(--exptexto);
	background: linear-gradient(#ed9, #cb7);
	border-radius: 15%;
}

.amarela {
	padding: var(--exptexto);
	background: linear-gradient(#fe8, #dc7);
	border-radius: 15%;
}