:root{--main-bg-color:#4b4b4b;--text-color:#fff;--border-color:#c9c9c9;--active-color:#d1d1d1}.scrn-assessment main{background-color:#fff}.scrn-assessment h1{font-size:3rem!important;padding-bottom:1rem}.scrn-assessment,.scrn-assessment h1{font-family:Trebuchet MS,Helvetica,sans-serif}.scrn-assessment{display:flex;flex-direction:column}.scrn-assessment header{background-color:var(--main-bg-color);height:4rem;display:flex;align-items:center;justify-content:flex-end}.scrn-assessment main{padding:4rem;flex-grow:1;display:flex;flex-direction:column;text-align:center}.scrn-assessment footer{height:4rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--main-bg-color)}.scrn-assessment footer .next{border:2px solid #fff;color:var(--text-color);background:transparent;padding:.5rem;margin:.5rem;border-radius:10px;font-size:large;font-family:Trebuchet MS,Helvetica,sans-serif}.scrn-assessment header .close{border:2px solid #929292;color:#929292;background:transparent;padding:.2rem .4rem;text-decoration:none;border-radius:50%;font-size:large;margin-right:1rem}.scrn-assessment .button{font-size:1.8rem;widows:auto;min-width:12rem;padding:1rem;margin:1rem 0;border:2px solid var(--border-color);border-radius:5px;background:#fff;font-family:Trebuchet MS,Helvetica,sans-serif}.scrn-assessment .modal{position:absolute;margin:6rem auto;left:0;right:0;background-color:#fff;width:30vw;height:40vh;text-align:center;border-radius:3rem;padding:3rem;border:2px solid var(--border-color);display:flex;flex-direction:column;font-size:1.4rem}.scrn-assessment main .active{background-color:var(--active-color)}