/* animations.css (versão final e segura) */

.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut .4s ease-in forwards}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container>h1,.container>h2,.container>p,.container>ul,.container>form,.container>table,.container>.btn,.container>a.btn{opacity:0}.start-animation>*{animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.start-animation>h1,.start-animation>h2{animation-name:fadeInUp;animation-delay:.1s}.start-animation>p{animation-name:fadeInUp;animation-delay:.2s}.start-animation>ul,.start-animation>form,.start-animation>table{animation-name:fadeInUp;animation-delay:.3s}.start-animation>.btn,.start-animation>a.btn{animation-name:fadeInUp;animation-delay:.4s}.start-animation #timer{animation-name:fadeInUp;animation-delay:.2s}.start-animation #question-text{animation-name:fadeInUp;animation-delay:.3s}.start-animation .options li:first-child{animation-name:fadeInUp;animation-delay:.4s}.start-animation .options li:nth-child(2){animation-name:fadeInUp;animation-delay:.5s}.start-animation .options li:nth-child(3){animation-name:fadeInUp;animation-delay:.6s}.explanation-text.animate-in{opacity:0;animation:fadeInUp .5s ease-out .1s forwards}@keyframes fadeOutDown{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.is-exiting>*{animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-name:fadeOutDown}.is-exiting .btn,.is-exiting a.btn{animation-delay:0s}.is-exiting ul,.is-exiting form,.is-exiting table{animation-delay:.05s}.is-exiting p{animation-delay:.1s}.is-exiting h1,.is-exiting h2{animation-delay:.15s}