:root{--color-1: rgb(70, 70, 236);--color-2: rgb(86, 86, 86);--border-color-1: #1c2024;--border-color-2: #1c202443;--bg-color-1: #ffffff;--bg-color-2: #f6f6f6;--bg-color-3: #323232}*{margin:0;padding:0;list-style:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{font-size:1rem;overflow-x:hidden!important}section{background:#fff;display:flex;flex-direction:column;padding:0 0 100px;margin:0 auto;max-width:1500px;border-left:solid 1px var(--border-color-1);border-right:solid 1px var(--border-color-1)}section .sectionTitle{display:flex;align-items:center;justify-content:center}section .sectionTitle h2{width:fit-content;margin:60px 0 0;padding:20px 0 65px;font-size:3rem;color:var(--color-1);border-top:solid 5px var(--color-1)}@media(max-width:900px){section .sectionTitle h2{font-size:2rem}}h3{font-size:2rem;margin:0 0 25px}@media(max-width:900px){h3{font-size:1.5rem}}.icon{display:flex;align-items:center;transform:scale(1.3);background:var(--color-1);color:#fff;padding:5px;margin:0 0 0 8px;border-radius:5px}nav{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:solid 1px var(--border-color-1);position:fixed;width:100%;background:var(--bg-color-1);z-index:100;transition:.4s}@media(max-width:900px){nav{padding:0;width:250px;flex-direction:column;text-align:center;height:100vh;justify-content:center;border-bottom:none;border-right:solid 1px var(--border-color-1);transform:translate(-270px);background:var(--bg-color-1)}nav.visible{transform:translate(0);box-shadow:10px 0 20px 6px #0000006b}nav.visible .navPageBackground{content:"";display:block;background:#00000082;position:absolute;left:250px;top:0;width:101vw;height:100%;z-index:-1}}nav .navPageBackground{display:none}nav .showNav{position:absolute;top:30px;left:300px;color:var(--color-1);cursor:pointer;background:var(--bg-color-2);border:solid 1px var(--border-color-2);width:80px;height:80px;border-radius:5px;display:flex;align-items:center;justify-content:center}@media(min-width:901px){nav .showNav{display:none}}nav .showNav svg{transform:scale(4)}nav h3{font-size:1.5rem;margin:0}@media(max-width:900px){nav h3{margin:0 0 35px;font-size:2.3rem}}nav div:nth-child(1){padding:0 0 0 60px;color:var(--color-1)}@media(max-width:900px){nav div:nth-child(1){padding:0}}nav div:nth-child(3){padding:0 60px 0 0}@media(max-width:900px){nav div:nth-child(3){padding:0}}nav ul{display:flex;align-items:center;gap:30px}@media(max-width:900px){nav ul{flex-direction:column;margin:0 0 40px}}nav ul li{border-bottom:solid 4px transparent;transition:.3s;cursor:pointer}@media(max-width:900px){nav ul li{font-size:1.2rem}}nav ul li:hover,nav ul li.active{border-bottom:solid 4px var(--color-1)}nav .buttonContainer{display:flex;gap:10px}nav .buttonContainer button{cursor:pointer;background:transparent;border:solid 1px black;padding:5px 10px;border-radius:10px;font-size:.9rem;font-weight:700;transition:.3s}nav .buttonContainer button.active{color:#fff;background:var(--color-1)}footer{display:flex;align-items:center;justify-content:center;padding:30px 0;border-top:solid 1px var(--border-color-1);color:var(--color-2);font-size:.8rem;opacity:.8}@media(max-width:900px){footer{text-align:center}}#analytics{border-top:dashed 1px var(--border-color-1)}#analytics .analyticsPart .gridPart{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin:0 5%}#analytics .analyticsPart .gridPart .item{background:#e6ebf7;background:-webkit-linear-gradient(to right bottom,#fefefe,#e6ebf7);background:linear-gradient(to right bottom,#fefefe,#e6ebf7);display:flex;flex-direction:column;border-radius:25px;height:350px;width:600px;padding:25px 20px;border:solid 1px var(--border-color-1);box-shadow:4px 5px 14px 2px #0000002b}#analytics .analyticsPart .gridPart .item .itemHeader{display:flex;justify-content:space-between;align-items:center}@media(max-width:600px){#analytics .analyticsPart .gridPart .item .itemHeader{flex-direction:column;align-items:flex-start;gap:15px}}#analytics .analyticsPart .gridPart .item .itemHeader .title{gap:10px;display:flex;align-items:center}#analytics .analyticsPart .gridPart .item .itemHeader .title h4{font-size:1.3rem}#analytics .analyticsPart .gridPart .item .itemHeader .buttonList{display:flex;gap:5px}#analytics .analyticsPart .gridPart .item .itemHeader .buttonList button{border:solid 1px var(--border-color-1);background:#00000014;padding:7px 13px;border-radius:10px;font-size:.8rem;cursor:pointer;font-weight:700}#analytics .analyticsPart .gridPart .item .itemHeader .buttonList button.active{border:solid 1px #50ed50;background:#366d36c8;color:#50ed50}#analytics .analyticsPart .gridPart .item .itemGraph{width:100%;height:100%;margin:30px 0 0}#infos{padding:0 0 100px;background:#e6ebf7;border-top:dashed 1px var(--border-color-1);border-bottom:dashed 1px var(--border-color-1)}#infos .infosPart{display:grid;grid-template-columns:5fr 1fr;gap:10%;margin:0 10%}@media(max-width:900px){#infos .infosPart{display:flex;flex-direction:column}}#infos .infosPart .gridPart{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:30px}@media(max-width:900px){#infos .infosPart .gridPart{display:flex;justify-content:center;align-items:center}}#infos .infosPart .gridPart .statusPart{position:absolute;top:110px;border:none;background:none;right:50px;scale:.8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;box-shadow:none;z-index:10}@media(max-width:900px){#infos .infosPart .gridPart .statusPart{top:78vh;right:15px;z-index:80}}#infos .infosPart .gridPart .statusPart div{display:flex;align-items:flex-end}#infos .infosPart .gridPart .statusPart div>h4{padding:15px;background:#ffda6e;border:dashed 2px black;border-radius:10px;margin:0;text-decoration:none;font-weight:500;font-size:1.2rem}#infos .infosPart .gridPart .statusPart div img{transform:scale(1.7) translateY(5px)}@media(max-width:900px){#infos .infosPart .gridPart .statusPart div img{display:none}}#infos .infosPart .gridPart>div{box-shadow:4px 5px 14px 2px #0000002b;flex-direction:column;justify-content:space-between;padding:30px 0;border-radius:15px;border:solid 1px var(--border-color-1);background:#e6ebf7;background:-webkit-linear-gradient(to right bottom,#fefefe,#e6ebf7);background:linear-gradient(to right bottom,#fefefe,#e6ebf7);display:flex;align-items:center;justify-content:center;height:70px;transition:.3s}@media(max-width:900px){#infos .infosPart .gridPart>div{min-width:150px}}#infos .infosPart .gridPart>div img{max-height:80px;max-width:110px}#infos .infosPart .gridPart>div:hover{transform:scale(1.1)}#infos .infosPart .textPart{display:flex;flex-direction:column;justify-content:center}#infos .infosPart .textPart p{font-size:1.2rem;text-align:justify;padding:0 0 25px}@media(max-width:900px){#infos .infosPart .textPart p{font-size:1rem}}#contact{position:relative;padding:0 0 50px}#contact .contactPart{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"left top" "left bottom";gap:40px;column-gap:80px;margin:0 10%}@media(max-width:1200px){#contact .contactPart{grid-template-columns:1fr;grid-template-areas:"left" "top" "bottom";gap:60px}}#contact .contactPart .contactForm{display:flex;align-items:center;justify-content:center;grid-area:left}@media(max-width:1200px){#contact .contactPart .contactForm{margin:0 0 25px}}#contact .contactPart .contactForm form{width:100%}#contact .contactPart .contactNewsletter{display:flex;align-items:center;justify-content:center;grid-area:top}#contact .contactPart .contactNewsletter .contactNewsletterContainer{border-left:solid 4px var(--border-color-2);padding:0 0 0 25px;display:flex;flex-direction:column;justify-content:center;font-size:1.2rem}@media(max-width:1200px){#contact .contactPart .contactNewsletter .contactNewsletterContainer{border-left:none;padding:0}}@media(max-width:900px){#contact .contactPart .contactNewsletter .contactNewsletterContainer{font-size:1rem}}#contact .contactPart .contactInfos{grid-area:bottom}#contact .contactPart .contactInfos ul{display:flex;flex-direction:column;gap:20px}#contact .contactPart .contactInfos ul li{background:#e6ebf7;background:-webkit-linear-gradient(to right bottom,#fefefe,#e6ebf7);background:linear-gradient(to right bottom,#fefefe,#e6ebf7);display:flex;justify-content:flex-start;align-items:center;padding:10px 15px;border:solid 1px var(--border-color-1);border-radius:10px;box-shadow:4px 5px 14px 2px #0000002b;transition:.3s}#contact .contactPart .contactInfos ul li:hover{transform:scale(1.05)}#contact .contactPart .contactInfos ul li .text{padding:0 0 0 20px;display:flex;align-items:start;flex-direction:column}#contact .contactPart .contactInfos ul li .text p{color:var(--color-2)}header{overflow:hidden;position:relative}header .headerContainer{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2%;padding:0 13%;align-items:center;border-bottom:solid 1px var(--border-color-1);height:100vh;background:#e6ebf7;background:-webkit-linear-gradient(to right bottom,#fefefe,#e6ebf7);background:linear-gradient(to right bottom,#fefefe,#e6ebf7)}@media(max-width:900px){header .headerContainer{grid-template-columns:1fr;gap:0}}header .headerContainer .headerText{z-index:20}@media(max-width:900px){header .headerContainer .headerText{text-align:center}}header .headerContainer .headerText h1{text-transform:uppercase;font-size:4rem;padding:0 0 5px;color:var(--color-1)}@media(max-width:900px){header .headerContainer .headerText h1{font-size:3rem}}header .headerContainer .headerText h2{font-size:1.5rem;padding:0 0 30px;color:var(--color-2)}@media(max-width:900px){header .headerContainer .headerText h2{font-size:1.2rem}}header .headerContainer .headerText p{padding:0 0 30px}@media(max-width:900px){header .headerContainer .headerText p{font-size:1rem}}header .headerContainer .headerText button{transition:.3s;padding:10px 15px;font-size:1rem;font-weight:700;color:#fff;border:solid 2px var(--color-2);cursor:pointer;border-radius:50px;box-shadow:16px 8px #000}header .headerContainer .headerText button:hover{border:solid 2px black;box-shadow:1px 0 0 3px #000}header .headerContainer .headerText button{background:var(--color-1);background:-webkit-linear-gradient(65deg,#7599d8,var(--color-1));background:linear-gradient(65deg,#7599d8,var(--color-1))}header .headerContainer .headerImg{z-index:20;width:100%;display:flex;align-items:center;justify-content:center}@media(max-width:900px){header .headerContainer .headerImg{display:none}}header .headerContainer .headerImg img{width:100%}header .polygones .item{content:"";position:absolute;background:transparent;z-index:10;border:1px solid var(--color-1)}header .polygones .item:nth-child(1){top:100px;left:-170px;width:300px;height:300px;animation:rotate1 2.5s forwards}@media(max-width:900px){header .polygones .item:nth-child(1){left:-190px;top:-10vh}}@keyframes rotate1{0%{transform:translate(-150px) scale(.4)}to{transform:translate(0) rotate(45deg) scale(1)}}header .polygones .item:nth-child(2){top:631px;left:140px;width:140px;height:140px;transform:rotate(25deg);animation:rotate2 3s forwards}@media(max-width:900px){header .polygones .item:nth-child(2){top:85vh;left:50px}}@keyframes rotate2{0%{transform:translate(-400px) rotate(200deg) scale(0)}to{transform:translate(0) rotate(25deg) scale(1)}}header .polygones .item:nth-child(3){top:540px;right:163px;width:200px;height:200px;transform:rotate(72deg);animation:rotate3 2.5s forwards}@media(max-width:900px){header .polygones .item:nth-child(3){top:-50px;right:58px;width:130px;height:130px}}@keyframes rotate3{0%{transform:translate(400px) rotate(200deg) scale(.4)}to{transform:translate(0) rotate(72deg) scale(1)}}header .polygones .item:nth-child(4){top:706px;right:133px;width:120px;height:120px;transform:rotate(106deg);animation:rotate4 3s forwards}@media(max-width:900px){header .polygones .item:nth-child(4){top:75vh;right:20px;width:80px;height:80px}}@keyframes rotate4{0%{transform:translate(600px) rotate(340deg) scale(0)}to{transform:translate(0) rotate(106deg) scale(1)}}.dashboardPart{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:0 10%}@media(max-width:900px){.dashboardPart{display:flex;flex-direction:column-reverse}}.dashboardPart .gridPart{display:grid;gap:25px;grid-template-columns:1fr 1fr}@media(max-width:1200px){.dashboardPart .gridPart{grid-template-columns:1fr}}.dashboardPart .gridPart div{overflow:hidden;display:grid;border-radius:15px;border:solid 1px var(--border-color-1);background:#e6ebf7;background:-webkit-linear-gradient(to right bottom,#fefefe,#e6ebf7);background:linear-gradient(to right bottom,#fefefe,#e6ebf7);box-shadow:4px 5px 14px 2px #0000002b;transition:.3s}.dashboardPart .gridPart div:hover{transform:scale(1.1)}.dashboardPart .gridPart div h4{color:#fff;text-transform:uppercase;padding:20px 25px 15px;font-size:1.4rem;background:var(--color-1)}@media(max-width:900px){.dashboardPart .gridPart div h4{font-size:1.2rem}}.dashboardPart .gridPart div p{padding:15px 25px 20px;text-align:left;font-size:1.2rem}@media(max-width:900px){.dashboardPart .gridPart div p{font-size:1rem}}.dashboardPart .textPart{display:flex;flex-direction:column;justify-content:center}.dashboardPart .textPart p{font-size:1.2rem;text-align:justify;padding:0 0 25px}@media(max-width:900px){.dashboardPart .textPart p{font-size:1rem}}form{padding:30px 45px}form input[type=text],form input[type=email]{margin:7px 0;border:1px solid transparent;background:#ebf4f2;height:36px;width:100%;box-shadow:0 1px 2px #0000001a;border-radius:9px;font-size:1.1rem;padding-left:10px;transition:.2s}form input[type=text]:focus,form input[type=email]:focus{border:1px solid #5ef9a4}form div{transition:.2s}form input#message{height:130px}form label{letter-spacing:1px}form.formbox{width:50%;max-width:600px;background:#fff;display:grid;grid-template-rows:75px repeat(3,104px);padding:35px 45px 30px;border-radius:16px;box-shadow:4px 4px 17px #000000a3;position:relative}@media(min-width:901px){form.formbox{min-width:380px}}form.formbox:after{content:"";position:absolute;width:60px;height:60px;border-radius:150px;background:var(--color-1);background:-webkit-linear-gradient(65deg,#7599d8,var(--color-1));background:linear-gradient(65deg,#7599d8,var(--color-1));top:-30px;left:0;transform:translate(-50%);box-shadow:0 1px 4px #0003}form.formbox h3{margin:0}form.formbox span{margin-bottom:20px;display:block;font-size:.8rem;transition:.3s;color:red}form.formbox p{background:red;width:33%;height:6px;margin:-2px 0 2px;border-radius:50px;transition:.3s}form.formbox #security span{display:inline}form.formbox input[type=submit]{border:none;background:var(--color-1);background:-webkit-linear-gradient(65deg,#7599d8,var(--color-1));background:linear-gradient(65deg,#7599d8,var(--color-1));color:#fff;width:50%;margin:12px auto 0;padding:10px;border-radius:150px;font-size:1.2rem;box-shadow:0 1px 10px #0003;cursor:pointer;transition:.3s ease}form.formbox input[type=submit]:hover{filter:brightness(105%);transform:translate(2px)}form.formbox .error input{color:red;border:1px solid rgba(255,0,0,.527)}form.formbox .error span{visibility:visible;opacity:1;color:red}form.formbox .progressRed{background:red;width:33%;visibility:visible}form.formbox .progressBlue{background:#16d9e7;width:67%;visibility:visible}form.formbox .progressGreen{width:100%;background:#5ef9a4;visibility:visible}
