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;box-sizing:border-box}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}body{font-family:Roboto,sans-serif;font-weight:400}.header__menu{background-color:#020203;height:9.5vh;width:100%;padding:2vw 6vw 2vw 2vw;box-shadow:0 4px 4px #00000040;position:fixed;z-index:1}.header__menu img{height:6vh}.header__menu ul{color:#fff;font-weight:500;font-size:2.25vh;display:flex;justify-content:space-between;align-items:center;height:100%}.header__menu ul:hover{cursor:pointer}main{display:flex}main .leftbar{position:relative;background-color:#020203;width:8vw;position:fixed;margin-top:9.5vh;height:90.5vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center}main .leftbar__badges{color:#fff;height:100%;display:flex;flex-direction:column;justify-content:center}main .leftbar__badges>ul{display:flex;flex-direction:column;gap:16px}main .leftbar__badges>ul>li{cursor:pointer}main .leftbar__badges>ul>li>img{width:4.5vw}main .leftbar__copyright{position:absolute;bottom:56px;color:#fff;font-size:1vh;writing-mode:sideways-lr}main .content{margin-top:9.5vh;margin-left:8vw;flex:1;padding:8vh 6vw;display:flex;flex-direction:column}main .content__greetings{height:22vh}main .content__greetings>.hello{font-size:4.5vh;line-height:2;font-weight:500}main .content__greetings>.hello>.firstname{color:#ff0101}main .content__greetings>.encouragement{font-size:1.125rem}main .content__graphs{flex:1;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr);gap:24px}main .content__graphs>*{border-radius:8px;overflow:hidden}main .content__graphs--dailyActivity{background-color:#fbfbfb;grid-column:1/10;grid-row:1/2;padding:24px}main .content__graphs--stats{grid-column:10/13;grid-row:1/3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:40px}main .content__graphs--averageSessions{position:relative;background-color:red;grid-column:1/4;grid-row:2/3;padding:24px}main .content__graphs--skills{background-color:#282d30;grid-column:4/7;grid-row:2/3}main .content__graphs--score{position:relative;background-color:#fbfbfb;grid-column:7/10;grid-row:2/3}tspan{font-size:1.25vh}.recharts-layer.recharts-polar-angle-axis.angleAxis{max-width:50%}.content__graphs--dailyActivity-title{display:flex;justify-content:space-between;align-items:center;color:#20253a}.content__graphs--dailyActivity-title>ul{display:flex;gap:16px;justify-content:flex-end;color:#74798c;font-size:1.25vh}.content__graphs--dailyActivity-title>ul>li{display:flex;align-items:center;gap:8px}.content__graphs--stats-container{height:100%;width:100%;border-radius:8px;overflow:hidden;padding:1.5vw;background-color:#fbfbfb;display:flex;align-items:center;gap:24px}.content__graphs--stats-container>img{width:4vw}.content__graphs--stats-data-figure{color:#282d30;font-weight:700;font-size:2vh;line-height:2.25vh}.content__graphs--stats-data-intake{color:#74798c;font-size:1.25vh;line-height:2vh}.content__graphs--averageSessions{color:#ffffff80}.content__graphs--averageSessions-overlay{position:absolute;top:0;right:0;bottom:0;background-color:#0000001a}.content__graphs--score-title{position:absolute;top:24px;left:24px;color:#20253a}.content__graphs--score-text{position:absolute;width:100%;top:50%;transform:translateY(-50%);z-index:100;color:#74798c;text-align:center}.content__graphs--score-text-figure{color:#282d30;font-weight:700;font-size:1.5rem}.content__graphs--score-circle{position:absolute;inset:0}.content__graphs--score-circle>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}