:root {
  --bulma-family-primary: "Raleway", sans-serif;


  --bulma-primary-h: 251deg;
  --bulma-primary-s: 51%;
  --bulma-primary-l: 48%;
}
body{

}


header{
  border-bottom: 1px solid #eee;
}


.navbar-brand{
  font-weight: 900;
  font-size: 2rem;
  span{
    font-weight: 100;
  }
}


.fieldset{
  padding: 2rem;
  border: 1px solid #eee;
  legend{
    padding: 10px;
  }
}


.is_hide{
  display: none;

}
.is_hide.is_visible{
  display: block;
}

.slick-disabled{
  opacity: .1;
}


.slider{
  padding-bottom: 90px;
  margin-bottom: 10px;
  position: relative;
  .slick-arrow{
    position: absolute;
    bottom: 0;
    &.slick-next{
      right: 0;
    }
  }
}

.quiz__form{
  margin-bottom: 100px;
}
.form__submit{
  display: flex;
  align-items: center;
  justify-content: center;
}


progress{
  transition : all .3s ease;
}


.hero__image{
  position: relative;
  z-index: 10;
  text-align: center;
  &::before{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 600px;
    width: 600px;
    transform: translate(-50%, -50%);
    background: #533cb9;
    border-radius: 50%;
    z-index: -1;
  }
}
.absolute{
  position: absolute;

}

.absolute-1{
  z-index: 4;
  border-radius: 0 0 0 0;
  height: 100px;
  left: 50px;
  top: -95px;
  animation: mover 1s infinite alternate;
}
.absolute-2{
  position: absolute;
  z-index: 4;
  border-radius: 0 0 0 0;
  height: 100px;
  right: -50px;
  bottom: 95px;
  animation: mover 1s infinite alternate;
}
@keyframes mover {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-10px)
  }
}