.screen{position:relative; padding-bottom:0.5rem;}
.answer, .result {width: 100%; text-align: left; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-bottom: 0.125rem; display: inline-block;}
fieldset {padding: 0px; border: unset; margin: 0px;}
legend{display:inline-block; float:left; width:70%; padding-top: 0px; font-size:0.9rem; animation: appear 2s forwards; position:relative;}
dt.text {display:inline-block; float:left; width:70%; padding-top: 0px; font-size:0.9rem; animation: appear 2s forwards; position:relative;}
.resultcolumn {display: inline-block; position: relative; width: 30%; float: right;}
.resultbar{height: 100%; position: relative;}
.controls {right: 0px; text-align: right;}
.controls .total-answers, .controls .total-answers-label, .controls .groupsize {display: inline-block;}
.progress{font-size:0.75rem;position: relative;}
.answer-input {display: inline-block; width: 4rem; text-align: center; vertical-align: bottom; padding-left:1rem;}
.insert-answers button {height: 1.2rem; line-height: 1.2rem; padding:0px; width:1.2rem;}
.results .result .text{display:inline-block;}
.resultbar{height:1rem; margin-bottom:0.5rem;}
.resultbar-self {position: absolute; height: 0.5rem; background-color: rgba(100, 100, 100, 0.4); margin-top:-0.25rem;}
.resultbar-total {position: absolute; height: 0.5rem; background-color: rgba(0, 0, 0, 0.4); margin-top:-0.25rem;}
.legenda .text {background-color: unset; padding: 0px; font-size: 0.8rem;}
span.legendbar-self {width: 1rem; display: inline-block;background-color: rgba(100, 100, 100, 0.4);	height: 1rem;}
span.legendbar-total {width: 1rem; display: inline-block;background-color: rgba(0, 0, 0, 0.4);	height: 1rem;}