*,:after,:before{box-sizing:border-box}*,ul{margin:0;padding:0}html,body{overflow-x:clip}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-align:balance}li{list-style:none;color:inherit;font-size:inherit}p,li,figcaption{text-wrap:pretty}a{text-decoration:none;color:inherit;font-size:inherit}.quiz-wrapper{margin-inline:auto;max-width:90rem;align-content:center;padding-block:2rem}.quiz{display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-between;gap:1rem}.quiz__card{border:2px solid black;padding:1rem;box-shadow:.4rem .4rem #000;min-height:15rem;max-width:16rem;margin-inline:auto}.quiz__question{text-transform:uppercase;text-align:center;text-wrap:balance;font-weight:700;font-size:1rem;margin-bottom:1rem;min-height:5em}.quiz__answers{display:grid;gap:.75rem}.quiz__answer button{border:1px solid black;box-shadow:.3rem .3rem #000;text-align:center;font-weight:700;width:100%;cursor:pointer;background-color:#f8b748;font-size:.85rem;transition:all .15s ease-in-out}.quiz__answer button:active{box-shadow:.1rem .1rem #000;transform:scale(.9)}.quiz__answer button:hover{background-color:#e69f25}.quiz__answer button.selected{background-color:#79ffc0}.arrow-wrapper{width:4rem;margin-inline:auto;margin-block:1.5rem}.answer__card{border:2px solid black;padding:1rem;box-shadow:.4rem .4rem #000;font-weight:700;text-wrap:balance;text-align:center;min-height:13rem;display:flex;justify-content:center;align-items:center;max-width:16rem;margin-inline:auto;transition:color .3s ease-in-out}.answer__card.hidden{color:transparent}.segments{border:2px solid black;padding:1rem 1rem 3rem;box-shadow:.4rem .4rem #000;max-width:84rem;margin-inline:auto}.segments__title{text-transform:uppercase;text-align:center;text-wrap:balance;font-weight:700;font-size:1.25rem;margin-bottom:1.5rem}.segments__content{gap:.75rem;display:grid;grid-template-columns:repeat(7,1fr)}.segments__content li{border:1px solid black;box-shadow:.2rem .2rem #000;text-align:center;font-weight:700;text-wrap:balance;font-size:.85rem;background-color:#f8b748;transition:all .15s ease-in-out;display:flex;justify-content:center;align-items:center;padding:.25rem}.segments__content li.danger{background-color:#c15540}.segments__content li.success{background-color:#79ffc0}.refs{display:grid;max-width:70rem;grid-template-columns:repeat(2,1fr);margin-inline:auto;gap:2rem;padding-bottom:5rem}.ref{border:2px solid black;padding:1rem;box-shadow:.4rem .4rem #000;text-wrap:balance;text-align:center;min-height:24rem;width:28rem;margin-inline:auto;font-weight:700;background-color:#fff}.ref__title{text-transform:uppercase}.ref__description{padding-block:1rem;border-bottom:2px solid black;text-wrap:balance}.ref__list-title{text-transform:uppercase;margin-block:1rem}.ref__list{display:grid;gap:.3rem}.ref__list li{list-style:disc inside;text-align:left}@media (not (prefers-reduced-motion: reduce)){.left-animation{animation:left-slide 1s ease-in-out}.right-animation{animation:right-slide 1s ease-in-out}.bottom-animation{animation:from-bottom 1s ease-in-out}}@keyframes left-slide{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes right-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}