body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.texttitle {
	font-family: 'Saira', 'Raleway', 'Poppins', Arial, serif;
	font-size: 80px;
	color: #000;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height:1.0;
	font-weight:;
	text-transform:uppercase;
}

.textsubtitle {
font-family: 'Saira', 'Raleway', 'Poppins', Arial, serif;
	font-size: 45px;
	color: #000;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height:1.1;
	font-weight:;
	text-transform:;
}

.textquestion {
	font-family: 'Raleway', Arial, serif;
	font-size: 24px;
	color: #000;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height:1.75;
	font-weight:bold;
}

.textcore {
	font-family: 'Raleway', Arial, serif;
	font-size: 20px;
	color: #000;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height:1.5;
	font-weight:;
}

.action {
	font-family: 'Saira', Arial, serif;
	font-size: 50px;
	font-weight:;
	color: #fff;
	padding:15px;
	background-color:#111;
	border-radius:5px;
	border:solid 0px #111;
	cursor:pointer;
}

a:link {
	color: #000;
	text-decoration:underline;
	font-weight:;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	color: #000;
	text-decoration:underline;
	font-weight:;
}



.answer-scale {

    display:flex;
    justify-content:center;
    gap:15px;
    margin:30px 0;
    flex-wrap:wrap;

}


.answer-scale input {

    display:none;

}


.answer-scale label {

	font-family:'Raleway';
    cursor:pointer;
    text-align:center;
    font-size:16px;
	font-weight:bold;
    color:#000;
    width:100px;

}


.answer-scale .button {

    display:flex;
    align-items:center;
    justify-content:center;

    width:55px;
    height:55px;

    margin:auto;
    margin-bottom:12px;

    border:2px solid #111;
    border-radius:8px;

    font-size:18px;
    font-weight:bold;

    background:#fff;
	box-shadow:5px 5px #666;

    transition:all .2s;

}


/* Hover */

.answer-scale label:hover .button {

    border-color:#555;
    transform:translateY(-2px);

}


/* Selected */

.answer-scale input:checked + label .button {

    background:#000000;
    color:white;
    border-color:#000000;

}






.likert-scale {
  display: flex;
  justify-content: space-between;
  max-width: 600px;
  margin: 20px auto;
}

.likert-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: 18%;
  text-align: center;
  font-family: Arial, sans-serif;
}

.likert-option input {
  display: none;
}

.radio-circle {
  width: 22px;
  height: 22px;
  border: 2px solid #000;
  border-radius: 50%;
  margin-bottom: 10px;
  position: relative;
}

.likert-scale label:hover .radio-circle {

    border-color:#999999;
    transform:translateY(-2px);

}

.likert-option input:checked + .radio-circle::after {
  content: "";
  width: 22px;
  height: 22px;
  background: #000000;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.likert-label {
	font-family:'Raleway';
  font-size: 15px;
  font-weight:bold;
  line-height: 1.3;
}