@import 'animations.css';

beeg-line{
  width : 90vw;
  margin : 0;
  margin-top : 5px;
  padding : 0;
  height : 1px;
  opacity : 50%;
  background-color: var(--primary-selected);
}

question-title{
  margin-bottom: 10px;
  margin-top: 6px;
  font-size: 18px;
  font-weight: bold;
}

question-helper{
  font-size: 14px;
  padding: 0;
  font-style: italic;
}
survey-question{
  text-align: left;
  flex-flow: column;
  display: flex;
  padding: 0px 15px;
}

answer-section{
  justify-content: space-evenly;
}

scale-answer-styling{
  
  margin:auto;
  display:flex;
  justify-content:space-evenly;
}

.highlight{
  color: var(--text-helper-color);
  animation: breathing-glow 5s infinite;
}

.tint{
  color: var(--text-helper-tint);
}

@keyframes breathing-glow {
  0% { text-shadow: 0 0 0px var(--text-helper-color); }
  50% { text-shadow: 0 0 4px var(--text-helper-color); }
  100% { text-shadow: 0 0 0px var(--text-helper-color); }
}