@charset "UTF-8";header{display:flex;justify-content:space-between;align-items:center;background-color:#000;height:80px;width:100%;box-shadow:0 4px 4px #00000040}header img{height:50px;width:auto;padding-left:20px}header .navContainer{display:flex;flex-direction:row;justify-content:center;flex-grow:1;gap:180px}header .navContainer a{font-size:20px;text-decoration:none;color:#fff}@media (max-width: 1024px) and (max-height: 780px){header .navContainer{gap:150px}}.activityContainer{display:flex;flex-direction:column;height:50%;width:100%;background-color:#fbfbfb;border-radius:5px}.activityContainer .recharts-tooltip-cursor{fill:#c4c4c480}.activityContainer h1{margin-left:30px;padding-top:15px;color:#20253a;font-size:15px;font-weight:600}.activityContainer .customTooltip{display:flex;flex-direction:column;background-color:#e60000;color:#fff;padding:15px 5px 2px;text-align:center}.activityContainer .customTooltip .label{font-size:12px}.sessionContainer{width:30%;height:100%;background-color:red;border-radius:5px}.sessionContainer .titleApp{position:absolute;margin:20px 35px 0 30px;z-index:100}.sessionContainer .titleApp h2{font-size:15px;color:#fff;font-weight:100;width:145px;opacity:.5}.sessionContainer .customTooltip{background:#fff;color:#000;padding:10px 6px .5px}.sessionContainer .tooltipText{font-weight:500;font-size:12px}.perfoContainer{width:30%;height:100%;background-color:#282d30;border-radius:5px;font-size:12px}.scoreContainer{width:30%;height:100%;background-color:#fbfbfb;border-radius:5px}.scoreContainer h1{position:relative;left:20px;top:20px;font-size:15px;font-weight:500;height:10%}.scoreContainer .chartScore{display:flex;align-items:center;justify-content:center;width:100%;flex-grow:1}.scoreContainer .recharts-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.scoreContainer .recharts-legend-wrapper{position:absolute;width:auto!important;height:auto!important;left:unset!important;bottom:unset!important}.scoreContainer .legendScore{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;width:120px;height:120px;gap:10px}.scoreContainer .legendScore .score{font-size:25px;font-weight:700;text-align:center}.scoreContainer .legendScore .detail{font-size:17px;font-weight:500;margin:0;color:#74798c;line-height:20px;text-align:center}.sideBarContainer{width:100px;min-height:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.sideBarContainer .imgSideBar{display:flex;flex-direction:column;gap:20px}.sideBarContainer .footer{display:flex}.sideBarContainer .footer p{font-size:12px;color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}.profile-container{width:100%;height:20%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:5px}.profile-container h1{margin:0;font-size:40px;font-weight:500}.profile-container p{font-weight:400;margin-top:10px}.mainSection{display:flex;flex-direction:row;width:100%;min-height:700px}.mainContent{display:flex;flex-direction:column;align-items:center;flex-grow:1;padding:30px;gap:50px}.mainContent .secondContent{width:100%;height:80%;display:flex;flex-direction:row;justify-content:space-between}.mainContent .charts{width:70%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.mainContent .charts .rowChart{height:45%;width:100%;display:flex;justify-content:space-between}.nutriBloc{width:20%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.nutriBloc .nutriInfo{display:flex;align-items:center;background-color:#fbfbfb;padding:2% 20px;height:18%;border-radius:5px}.nutriBloc .nutriInfo .icon{display:flex;margin-right:20px}.nutriBloc .nutriInfo .icon img{width:50px;height:50px}.nutriBloc .details{display:flex;flex-direction:column}.nutriBloc .details .value{font-size:18px;font-weight:700;margin:0;color:#000}.nutriBloc .details .label{margin-top:5px;font-size:15px;font-weight:500;color:#74798c;margin-bottom:5px}.landing-container{text-align:center;margin-top:50px}h1{font-size:28px;margin-bottom:10px}p{font-size:18px;margin-bottom:20px}.buttons{display:flex;gap:30px;justify-content:center}button{padding:10px 20px;font-size:16px;border:none;background-color:#e60000;color:#fff;cursor:pointer;border-radius:10px;transition:transform .2s,background-color .3s}button:hover{background-color:red;transform:scale(1.05)}.notFound{display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;margin-top:100px}.notFound .title{color:#ff0101;font-size:10em}.notFound .error{color:#ff0101;font-size:2em;text-align:center}.notFound .link{color:#000;font-size:1.5em;text-align:center}.notFound .link:hover{color:#282d30}#root{display:flex;flex-direction:column;width:100%;height:100%}