@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Palette+Mosaic&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Palette+Mosaic&display=swap);.homepage .header a:link,a:visited{background:#a34bfc;border-radius:7px;color:#fff;display:flex;flex-direction:column;font-family:Montserrat;font-size:16px;font-weight:700;height:35px;justify-content:center;text-align:center;text-decoration:none;width:150px}.homepage .header a:hover{color:#fff;cursor:pointer}.homepage .header{background-color:#c184ff;background-image:url(/static/media/purple.6c08c6af7be69f432f0c.webp);height:45%;padding-top:6%}.homepage .header-title{color:#fff;font-family:Palette Mosaic,cursive;font-size:35px;text-align:center}.homepage .header-body{color:#fff;margin-left:1%}.homepage .header-body h1{font-family:Montserrat;font-size:50px}.homepage .header-body h2{font-family:Palette Mosaic,cursive;font-size:35px;text-align:center}.homepage .content-header{font-size:20px;text-align:center}.homepage .about{background:#faf9f7;font-family:Montserrat,sans-serif;padding-bottom:10%;padding-top:10%}.homepage .about-body{display:flex;text-align:left}.homepage .about-body p{font-size:25px;font-weight:700;margin-left:22%;margin-top:4%;width:20%}.homepage .about-body .image-wrapper{margin-left:20%;margin-top:2%}.homepage .about-body img{height:300px;width:350px}.homepage .how-to{font-family:Montserrat,sans-serif;padding-bottom:10%;padding-top:10%}.homepage .how-to-body{align-items:center;display:flex;flex-direction:column;font-size:20px;justify-content:center;padding-top:3%}#step1{padding-right:25%}#step1,#step2{padding-top:1%}#step2{padding-right:10%}#step3{padding-left:10%}#step3,#step4{padding-top:1%}#step4{padding-left:18%}.homepage .how-to-mes{background:#faf9f7;font-family:Montserrat,sans-serif;padding-bottom:10%;padding-top:10%}.homepage .how-to-mes-body{display:flex;justify-content:center;padding-right:5%;padding-top:2%}.homepage .guide-steps-body{padding-top:1%;width:65%}.homepage .footer{height:10%;position:absolute;top:97%;width:100%}.navheader{background-color:rgba(0,0,0,.9);font-family:Montserrat;height:90px;left:0;overflow:hidden;position:fixed;top:0;transition:.3s ease-in;width:100%;z-index:1}.navheader .navbar{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1240px;padding:0 1rem}.navheader .navbar .logo img{width:100px}.navheader .nav-menu{display:flex}.navheader .nav-item{font-size:20px;font-weight:500;padding:1rem}.navheader a{background-color:none;color:#fff;text-decoration:none}.navheader button{background:none;border:none;color:#fff;cursor:pointer;font-family:Montserrat;font-size:20px;font-weight:500;margin:0;padding:0}.navheader button:hover{border-bottom:3px solid #fff;margin-bottom:-3px}.navheader ul{list-style-type:none}.navheader .nav-item a:hover{border-bottom:3px solid #fff;cursor:pointer;padding-bottom:12 px}.navheader a:active{background-color:none}.LoginPage{align-items:center;display:flex;flex-direction:column;margin-top:12%}.LoginPage .logo img{width:100px}.LoginPage .login,.LoginPage .login-header{align-items:center;display:flex;flex-direction:column}.LoginPage h1{font-family:Palette Mosaic;text-align:center}.LoginPage h2{font-family:Montserrat;font-size:22px;text-align:center}.LoginPage .box{align-items:center;display:flex;flex-direction:column;justify-content:center;width:450px}.LoginPage .user-info{display:flex;flex-direction:column;margin-top:10%}.LoginPage .box .infoBox{align-items:center;display:flex;height:50px;justify-content:center;width:325px}.LoginPage .box .infoName{font-family:Montserrat;font-size:16px;width:40%}.LoginPage .buttons{background:#a34bfc;border:1px solid;border-radius:25px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;height:50px;margin-top:5px;outline:none;width:70%}.SignUpPage{align-items:center;display:flex;flex-direction:column;margin-top:8%}.SignUpPage .logo img{width:100px}.SignUpPage .signup,.SignUpPage .signup-header{align-items:center;display:flex;flex-direction:column}.SignUpPage h1{font-family:Palette Mosaic;text-align:center}.SignUpPage h2{font-family:Montserrat;font-size:22px;text-align:center}.signup .user-info{display:flex;flex-direction:column;margin-top:10%}.signup .box{flex-direction:column;width:450px}.signup .box,.signup .box .infoBox{align-items:center;display:flex;justify-content:center}.signup .box .infoBox{height:50px;width:325px}.signup .box .infoName{font-family:Montserrat;font-size:16px;width:40%}.signup .buttons{background:#a34bfc;border:1px solid;border-radius:25px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;height:50px;margin-top:5px;outline:none;width:70%}.MeasurementPage .box{align-items:center;display:flex}.MeasurementPage{align-items:center;margin-top:2%}.MeasurementPage .title{font-size:25px}.measurementpage-header{align-items:center;display:flex;flex-direction:column}.MeasurementPage .logo img{margin-top:2%;width:100px}*{box-sizing:border-box;margin:0;padding:0}body.extension{background:#fff;height:600px;overflow:hidden;width:400px}.MeasurementPage h1{font-family:Palette Mosaic;text-align:center}.MeasurementPage h2{font-size:22px}.MeasurementPage h2,h3.desc{font-family:Montserrat;text-align:center}h3.desc{font-size:15px;font-style:italic}img.logo{display:block;height:auto;margin-left:auto;margin-right:auto;width:50%}.MeasurementPage .switch,.label{flex-direction:column}.MeasurementPage .switch,.label,.switch .incm-switch{align-items:center;display:flex;justify-content:center}.switch .incm-switch{padding-bottom:1%;padding-top:2%}.measurements{display:flex;flex-direction:column;margin-top:20px;padding-right:10%}.box .sliderBar{align-items:center;display:flex;height:40px;justify-content:center;position:relative;width:500px}.box .sliderBar input{-webkit-appearance:none;background:#f2f2f2;border-radius:40px;box-shadow:inset 0 0 4px rgba(0,0,0,.2);height:7px;width:80%}.box .sliderBar .value{font-weight:100;font-weight:600;left:10px;text-align:center}.box .mesName,.box .sliderBar .value{font-family:Montserrat;font-size:16px;position:relative}.box .mesName{display:inline-block;left:35%;width:40%}.MeasurementPage .user-size{align-items:center;display:flex;flex-direction:column;font-size:30px;justify-content:center;padding-top:5%}.MeasurementPage .buttons{display:flex;flex-direction:column;width:100%}.MeasurementPage button{background:#a34bfc;border:1px solid;border-radius:25px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;height:50px;left:40%;margin-top:5px;outline:none;position:relative;width:20%}.toggle-switch{display:inline-block;height:25px;position:relative;width:50px}.toggle-switch input[type=checkbox]{display:none}.toggle-switch .switch{background-color:#ccc;border-radius:25px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.toggle-switch .switch:before{background:#a34bfc;border-radius:50%;content:"";height:21px;left:2px;position:absolute;top:2px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:21px}.toggle-switch input[type=checkbox]:checked+.switch:before{background:#a34bfc;-webkit-transform:translateX(25px);transform:translateX(25px)}
/*# sourceMappingURL=main.d4f7def1.css.map*/