@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:icons;src:url(fonts/icons.ttf)}:root{font-size:62.5%}*{box-sizing:border-box}body{background-color:#fff;font-family:Hanken Grotesk,sans-serif}body *{line-height:calc(4px + 2ex)}* a{text-decoration:none}.app{padding:2.8rem 6.2rem 4.59rem;text-align:center;background:linear-gradient(to top,#4e21ca,rgba(36,33,202,.9),rgba(46,43,233,.85));border-bottom-left-radius:2.8rem;border-bottom-right-radius:2.8rem}.app__result{color:#fff;font-size:1.4rem;font-weight:700}.app__container{display:inline-block;background:linear-gradient(hsl(256,72%,46%),hsl(241,81%,54%));margin:3rem 1rem;padding:2.4rem 3.2rem;border-radius:50%}.app__container__cifer{font-size:4rem;color:#fff;font-weight:800;margin-bottom:1rem}.app__container__total{color:#ebf1ff80;font-size:1.4rem}.app__message{color:#fff;font-size:1.9rem;font-weight:800;margin-bottom:1rem;letter-spacing:2px}.app__score{font-size:1.3rem;color:#fff;font-weight:700;line-height:1.5}.summary{padding:3rem}.summary__p{margin-bottom:1.8rem;font-weight:800;font-size:1.4rem}.summary__list{display:flex;flex-direction:column;gap:2rem}.summary__list__container{font-size:1.2rem;display:flex;gap:1rem}.summary__list__item{padding:2.3rem 1.9rem;border-radius:.8rem;display:flex;flex-direction:row;gap:1rem;font-size:1.2rem}.summary__list__item__text{display:flex;justify-content:end;gap:1rem;width:100%}.summary__list__item__text__base{color:#000}.summary__list__item__text__cijfers{color:#0000004d}.summary__list__item:nth-child(1){background-color:#ff57571a;color:#ff5757}.summary__list__item:nth-child(2){background-color:#ffb01f1a;color:#ffb01f}.summary__list__item:nth-child(3){background-color:#00bd911a;color:#00bd91}.summary__list__item:nth-child(4){background-color:#1125d41a;color:#1125d4}.summary__button__submit{margin:2.5rem 0;padding:2rem 0;font-size:1.6rem;color:#fff;border-radius:4rem;width:100%;font-weight:700;border-style:none;background-color:#201dc3e0}@media (min-width: 1400px){.page{display:flex;justify-content:center;align-items:center;margin:3rem auto;background-color:#fff;box-shadow:2px 2px 5px #0000004d;box-sizing:border-box;width:fit-content;padding:0 auto;border-radius:2.5rem}.app{border-radius:2.8rem;display:flex;height:53rem;justify-content:space-evenly;flex-direction:column;align-items:center;width:36rem}.app__result{color:#fff;font-size:1.4rem;font-weight:700}.app__container{display:inline-block;width:fit-content;background:linear-gradient(to top,rgba(78,33,202,.5),rgba(46,43,233,.3),rgba(36,33,202,.5));box-shadow:0 -8px 20rem -2rem #2e2be999;padding:6.5rem}.app__container__cifer{font-size:4rem;color:#fff;font-weight:800;border-radius:50%}.app__container__total{color:#ebf1ff80;font-size:1.4rem}.app__message{color:#fff;font-size:2.4rem;font-weight:800}.app__score{font-size:1.4rem;color:#fff;font-weight:700}.summary{padding:3.3rem 4rem;width:36rem}.summary__button__submit{margin:4.1rem 0 0;cursor:pointer}.summary__button__submit:hover{background:linear-gradient(to top,#4e21ca,rgba(36,33,202,.9),rgba(46,43,233,.85));border-bottom-left-radius:2.8rem}}