@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap);body,html{height:100%}body{font-family:"Open Sans",sans-serif;color:#353535;margin:0;min-height:100%;position:relative}#root{height:100%}header.header-home{height:10%;display:flex;align-items:center;padding:0 100px}header.header-home>img{width:18vh}main.main-home{height:90%;box-sizing:border-box}section.presentation{display:flex;height:96%}section.content{display:flex;flex-direction:column;align-items:baseline;width:40%;padding-left:100px;padding-top:10%}section.content-images{position:relative;width:60%}section.content>h1{color:#1ab48a;font-size:40px;margin:0}section.content>button{background-color:#fff;border-radius:5px;border:2px solid #44d8b0;padding:10px 15px;font-size:14px;cursor:pointer;color:#128f6d;display:flex;transition:.2s}section.content>button>svg{font-size:20px;margin-right:10px;color:#1ab48a;transition:.2s}section.content>button:hover{background-color:#44d8b0;color:#fff}section.content>button:hover>svg{color:#fff}section.content>p{font-size:20px}section.content-images>img{width:48%}section.content-images>img:first-child{position:absolute;bottom:10%;z-index:2}section.content-images>img:nth-child(2){position:absolute;right:100px;top:10%;z-index:1}footer{background-color:#2ed6a8;height:4%;text-align:right;font-weight:600;color:#fff;padding:6px 100px 6px 6px;box-sizing:border-box}@media only screen and (max-width:1000px){header.header-home{justify-content:center}section.presentation{flex-direction:column-reverse}section.content{box-sizing:border-box;width:100%;padding:20px;text-align:center;align-items:center;justify-content:space-evenly;height:60%}section.content>h1{font-size:35px}section.content>p{font-size:20px}section.content-images{height:40%;width:100%;text-align:center}section.content-images>img:first-child{display:none}section.content-images>img:nth-child(2){position:relative;right:auto;top:auto;z-index:0;width:60%;height:100%;margin:0 auto}footer{padding:2px;text-align:center}}header.header-dashboard{background-color:#f5f5f5;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:14px;font-family:"Rubik",sans-serif;height:9%}header.header-dashboard .logo-container{height:50px;width:230px}header.header-dashboard .header-control{width:230px}.logo-header{height:50px}.logo-header-mobile{display:none}.header-control{display:flex;justify-content:space-around}.btn-header{background-color:#ebebeb;border:none;border-radius:10px;cursor:pointer;color:#363333;font-size:18px;font-family:"Rubik",sans-serif;padding:13px 15px 10px;transition:background-color .4s}.btn-header:nth-child(2){margin:0 5px;font-size:16px;width:129px}.btn-header:hover{background-color:#ddd}header.header-dashboard .base-cont-user{background-color:#ebebeb;border-radius:10px;height:50px;width:230px}.user-mobile{display:none}header.header-dashboard .float-panel{background-color:#ebebeb;border-radius:10px;box-sizing:border-box;height:50px;overflow:hidden;transition:.2s;width:100%}header.header-dashboard .float-panel:hover{background-color:#e6e6e6}header.header-dashboard .user{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;padding-left:5px;height:50px;width:100%}.user-photo{background-color:#7c7c7c;border-radius:10px;margin-right:6px;width:40px;height:40px;overflow:hidden}.user-photo img{width:100%}.user-name{font-size:14px}.user-email{color:#555}.btn-menu-user{cursor:pointer;padding:10px;border:none;font-weight:400;font-family:"Rubik",sans-serif;text-align:left;width:100%}.btn-menu-user:disabled{cursor:default;text-decoration:line-through}@media only screen and (max-width:1000px){header.header-dashboard{padding:5px 15px}.logo-container{width:auto!important;height:40px!important}.logo-header{display:none}.logo-header-mobile{display:block;height:100%}.header-control{height:40px}.btn-header{border-radius:5px;padding-top:10px}.base-cont-user{display:none}.user-mobile{display:block;border-radius:5px;overflow:hidden;width:40px;height:40px;background-color:#1ab48a}.user-mobile>img{width:100%}}.full-container{background-color:hsla(0,0%,84.7%,.733);box-sizing:border-box;display:flex;height:100%;justify-content:center;align-items:center;padding:10px;top:0;position:absolute;width:100%;animation-name:opacity;animation-duration:.3s;animation-iteration-count:1}.form-newtask{padding:10px;min-height:350px}.form-newtask,.loading-submit{background-color:#fff;box-shadow:0 .3rem .5rem rgba(61,58,58,.212);border-radius:5px;box-sizing:border-box;width:500px}.loading-submit{display:flex;justify-content:center;align-items:center;height:350px}.form-newtask>h2{text-align:center;margin:10px 0}.form-newtask>input,.form-newtask>textarea{background-color:#f5f5f5;border:none;border-radius:5px;box-sizing:border-box;margin-bottom:10px;font-family:"Roboto",sans-serif;font-size:14px;padding:10px;width:100%}.form-newtask>textarea{resize:none}.form-newtask>input:focus,.form-newtask>textarea:focus{outline-style:solid;outline-color:#2ed6a9;outline-width:2px}.form-newtask>div{display:flex;justify-content:space-between}.form-newtask>div>button{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:10px}.btn-add{background-color:#2ed6a9;color:#fff;font-weight:600}@keyframes opacity{0%{opacity:0}to{opacity:1}}main{height:100%}.container-main{display:flex;justify-content:center;height:91%;overflow-y:auto;box-sizing:border-box}.container-main>section.container-tasksday{width:600px;padding-top:50px}.header-day{display:flex;justify-content:space-between}.header-day>button{display:none}.task{background-color:#eee;border-radius:5px;box-sizing:border-box;display:flex;align-items:center;margin-top:20px;padding:0 20px;width:100%;height:60px}.task:last-child{margin-bottom:100px}.checkbox{position:relative;top:-15px;padding-left:38px;cursor:pointer;font-size:22px}.checkbox input{display:none}.checkmark{position:absolute;top:0;left:0;height:30px;width:30px;background-color:#dbdbdb;border-radius:2px}.checkbox:hover input~.checkmark{background-color:#ccc}.checkbox input:checked~.checkmark{background-color:#2ed6a8}.checkbox .checkmark:after{content:"";position:absolute;display:none;left:12px;top:6px;width:5px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox input:checked~.checkmark:after{display:block}.title-task{font-size:18px;cursor:default}.container-main>aside{width:300px;padding-top:50px}.announcement{margin:0 auto;height:250px}.announcement,.status-controler{background-color:#eee;border-radius:5px;width:80%}.status-controler{flex-direction:column;height:200px;margin:20px auto}.status-controler,.status-progress{display:flex;justify-content:center;align-items:center}.status-progress{width:100%}.status-progress-full{height:100%}.status-progress h2{position:absolute;margin:0}.circular-chart{display:block;max-width:50%;max-height:250px}.circle-bg{fill:none;stroke:#cfcfcf;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;transition:1s}.circular-chart .circle{stroke:#2ed6a9}.btn-new-task{background-color:#2ed6a9;border:none;border-radius:5px;cursor:pointer;color:#f5f5f5;font-family:"Rubik",sans-serif;font-weight:600;padding:10px 0;margin-top:10px;width:60%}.noTasks{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#1da581;width:500px}.noTasks>h1{font-size:30px}.noTasks>button{background-color:#1da581;border:none;border-radius:5px;color:#f5f5f5;cursor:pointer;font-family:"Roboto",sans-serif;font-weight:600;padding:10px}@keyframes progress{0%{stroke-dasharray:0 100}}@media only screen and (max-width:1000px){.container-main{padding:20px;box-sizing:border-box}.noTasks{width:100%}.noTasks>img{width:250px}.container-main>aside{display:none}.container-main>section.container-tasksday{width:100%;padding-top:0}section.container-tasksday>h2{margin:0}.header-day>button{display:block;background-color:#2ed6a8;border:none;border-radius:5px;color:#fff;font-size:20px;padding:5px 8px 0}.task{padding:0 10px;margin-top:10px;height:50px}.title-task{font-size:14px}}.floatFull-container{background-color:hsla(0,0%,90.6%,.6);box-sizing:border-box;display:flex;height:91%;justify-content:center;align-items:flex-start;padding:10px;position:absolute;top:9%;width:100%;animation-name:opacityBackground;animation-duration:.3s;animation-iteration-count:1}.calendar{background-color:#fff;border-radius:5px;height:400px;overflow:hidden;width:450px;box-shadow:0 .3rem .5rem rgba(61,58,58,.3);animation-name:enterCalendar;animation-duration:.3s;animation-iteration-count:1}.month{background-color:#45d398;color:#fff;display:flex;height:80px;justify-content:space-between;align-items:center}.month h1{margin:0}.month button{background-color:transparent;border:none;color:#f5f5f5;cursor:pointer;margin:10px 10px 0;font-size:25px}.weekdays{display:flex}.weekdays div{display:flex;justify-content:center;align-items:center;font-size:.8rem;height:45.71429px;width:64.28571px}.days{display:flex;flex-wrap:wrap}.days div{font-size:.8rem;height:45.71429px;width:64.28571px}.days div,.days span{display:flex;justify-content:center;align-items:center}.days span{border-radius:5px;cursor:pointer;width:60%;height:70%;transition:border-width .2s}.days span:hover:not(.xp1,.xp2,.xp3,.today){background-color:#f0f0f0}.days span:hover:not(.today){border:3px solid #b8b8b8}.days .today{border:3px solid rgba(53,52,52,.5)}.days .xp1{background-color:#ceffeb}.days .xp2{background-color:#7ffcc8;transition:background-color .6s,border-width .2s}.days .xp3{background-color:#29ee9c}.next-date,.prev-date{color:#929292}@keyframes enterCalendar{0%{opacity:0;margin-top:-10px}to{opacity:1;margin-top:0}}@keyframes opacityBackground{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:475px){.calendar{width:300px;height:380px}.days div,.weekdays div{width:42.85714px}.days div{height:42.85714px}}.container-taskday{border-radius:10px;box-sizing:border-box;padding:10px;height:80%;width:60%}.cont-full{display:flex;justify-content:center;align-items:center;height:90%}.container-boxes{display:grid;grid-template-columns:auto auto;grid-column-gap:5px;column-gap:5px;grid-row-gap:5px;row-gap:5px;width:150px;height:150px}.box{background-color:#89ffdf;border-radius:5px}.box1,.box2{animation-name:loading;animation-iteration-count:infinite;animation-duration:3s}.box2{animation-delay:.5s}.box3{animation-name:loading;animation-iteration-count:infinite;animation-duration:3s;animation-delay:1s}.box4{animation-name:loading;animation-iteration-count:infinite;animation-duration:3s;animation-delay:2s}@keyframes loading{0%{background-color:#89ffdf}25%{background-color:#44d8b0}50%{background-color:#2ed6a8}75%{background-color:#1ab48a}to{background-color:#89ffdf}}
/*# sourceMappingURL=main.142ea5c1.chunk.css.map */