.hide{display:none}body{margin:0}body,input{font-family:'Helvetica', san-serif;background-color:#253a4e;color:#fff}#form-container input{font-weight:700;border-radius:4px}.section-title{font-weight:700;display:block;padding-bottom:3px}.field.padding{margin-bottom:12px}.field.extra-padding{margin-bottom:25px}header{width:100%;display:inline-block;height:60px;border-bottom:2px solid #394046;margin:0;background-color:#45525f;box-shadow:#000 0px -50px 391px 1px}h1.title{margin:0;display:inline-block;margin-left:10px;margin-top:11px;color:#fff}.buttons{display:inline-block;float:right;margin-right:36px;margin-top:3px}.new-user-buttons{display:inline-block;float:right;margin-right:36px;margin-top:18px}.new-login,.new-sign-up{display:inline-block;font-weight:600;font-size:19px;cursor:pointer}.new-login:hover,.new-sign-up:hover{border-bottom:2px solid #fff}.user-triangle{width:25px;height:25px;background-color:#455261;background:linear-gradient(to bottom right, #455261 50%, transparent 50%);position:absolute;right:51.5px;top:68px;transform:rotate(45deg);border:2px solid #fff;border-bottom:0px;border-right:0px;z-index:3;border-top-left-radius:6px;display:none}#user-container{border:2px solid #fff;width:162px;padding:20px;border-radius:25px;position:absolute;display:none;color:#fff;right:20px;top:80.5px;background-color:#45525f;z-index:2}.user.selected ~ .user-triangle,.user.selected ~ #user-container{display:block}.user-triangle.selected,#user-container.selected{display:block}.edit,.user{border:2px solid #394046;display:inline-block;border-radius:137%;width:50px;height:50px;font-size:23px;text-align:center;background-color:#fff;cursor:pointer}.edit-icon{margin-top:13px;margin-left:5px;color:#000}.user-icon{margin-top:13px;color:#000}.selected{background-color:#233a4f;border-color:#fff}.selected .edit-icon,.selected .user-icon{color:#fff}.mobile-buttons{display:none;font-size:0;margin-top:15px;width:100%}.mobile-edit,.mobile-user{width:calc(50% - 4px);border-radius:0;border:2px solid #394046;display:inline-block;height:50px;font-size:23px;text-align:center;background-color:#fff;cursor:pointer;color:#000}.mobile-selected{background-color:#233a4f;border-color:#fff;color:#fff}.mobile-selected .edit-icon,.mobile-selected .user-icon{color:#fff}.edit-triangle{width:25px;height:25px;background-color:#455261;background:linear-gradient(to bottom right, #455261 50%, transparent 50%);position:absolute;right:107.5px;top:68px;transform:rotate(45deg);border:2px solid #fff;border-bottom:0px;border-right:0px;z-index:3;border-top-left-radius:6px;display:none}#form-container{border:2px solid #fff;width:307px;padding:20px;border-radius:25px;position:absolute;right:20px;top:80.5px;color:#fff;background-color:#45525ff2;display:none;z-index:2}.edit.selected ~ .edit-triangle,.edit.selected ~ #form-container{display:block}.edit-triangle.selected,#form-container.selected{display:block}input[type="radio"]{width:0;opacity:0;padding:0;margin:0}label.good,label.okay,label.bad{margin:-6px;padding:1px 6px;border:2px solid #394046;width:56px;display:inline-block;text-align:center;color:#253a4e;cursor:pointer}label.good{margin-left:0px;background-color:#adb8c3;border-top-left-radius:6px;border-bottom-left-radius:6px}label.okay{background-color:#adb8c3}label.bad{background-color:#adb8c3;border-top-right-radius:6px;border-bottom-right-radius:6px}label.good.checked,label.good.checked:hover{font-weight:600;background-color:#86e491}label.okay.checked,label.okay.checked:hover{font-weight:600;background-color:#f5d351}label.bad.checked,label.bad.checked:hover{font-weight:600;background-color:#f54e45}.radio-buttons .section-title{padding:0 5px 0;width:72px;display:inline-block;text-align:right}.mood label.good,.mood label.okay,.mood label.bad{font-size:24px}#day_date{border:2px solid #394046;font-size:18px;text-align:center;width:230px}.date-container div,.date-container input{display:inline-block}.previous-date,.next-date{font-weight:700;cursor:pointer;border:2px solid #394046;padding:3px 8px;border-radius:4px;vertical-align:top;height:21px;background-color:#45525f}.previous-date{padding:5px 9px 1px 8px}.next-date{padding:5px 7px 1px 10px}#day_weight{border:2px solid #394046;font-size:18px;text-align:center;width:293px}#day_water{border:2px solid #394046;font-size:18px;text-align:center;width:191px;background-image:linear-gradient(to left, transparent 100%, #1a7dd4 0%)}.water-container div,.water-container input{display:inline-block}.decrease-water,.increase-water{font-weight:700;cursor:pointer;border:2px solid #394046;padding:3px 18px;border-radius:4px;vertical-align:top;height:18px;background-color:#45525f}.check-box .section-title{padding:0 5px 0;width:72px;display:inline-block;text-align:right}.exercise-button{border:2px solid #394046;width:211px;display:inline-block;text-align:center;cursor:pointer;border-radius:4px;background-color:#45525f;padding:5px 0}#day_exercise{margin:0;padding:0;width:0;opacity:0}.check-box .checked{background-color:#86e491;font-weight:600;color:#000}#center-container{text-align:center}#account-container{position:absolute;top:50%;transform:translate(-50%, -50%);border:2px solid #fff;display:inline-block;border-radius:25px;box-shadow:0px 0px 41px 0px #0e0d0d;z-index:1}#account-container.show-login-box{display:inline-block}#account-container input{border:2px solid #394046;font-size:18px;text-align:center;width:238px}#account-container .field{font-weight:700;text-align:left}.account-options{display:block;background-color:#fff;color:#000;border-top-left-radius:22px;border-top-right-radius:22px;margin-top:-1px}.log-in-option,.sign-up-option{display:inline-block;padding:20px;width:35%;cursor:pointer;font-weight:700}.log-in-option{border-top-left-radius:22px}.sign-up-option{border-top-right-radius:22px}#account-container label{display:block}.error_messages{margin-bottom:15px}.field_with_errors label{color:#f54e46}.field_with_errors input,#account-container .field_with_errors input{border-color:#f54e46}.log-in-option.selected,.sign-up-option.selected{background-color:#45525f;color:#fff;cursor:default}.log-in,.sign-up{padding:20px;display:none;border-bottom-left-radius:22px;border-bottom-right-radius:22px;background-color:#45525f}.log-in.selected,.sign-up.selected{display:block}#account-container input[type="submit"]{background-color:#45525f;cursor:pointer;width:244px}#email{text-transform:lowercase}.username{font-weight:600;text-align:center;margin-bottom:20px;font-size:25px}.logout-button{background-color:#253a4e;cursor:pointer;border:2px solid #394046;font-size:18px;text-align:center;display:block;color:#fff;text-decoration:none;padding:1px;border-radius:2px}.underline{border-bottom:1px solid #eeeeee6e}.iphone-toggle label{display:inline-block;position:relative;cursor:pointer;outline:none;user-select:none}.iphone-toggle input{width:0;opacity:0;padding:0;margin:0}.iphone-toggle label{padding:2px;width:40px;height:20px;background-color:#dddddd;border-radius:60px;float:right;margin-top:-4px}.iphone-toggle label:before,.iphone-toggle label:after{display:block;position:absolute;top:1px;left:1px;bottom:1px;content:""}.iphone-toggle label:before{right:1px;background-color:#f1f1f1;border-radius:60px;transition:background 0.0s}.iphone-toggle label:after{width:22px;background-color:#fff;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,0.3)}.iphone-toggle label:after{transition:margin 0.4s}.iphone-toggle input[type="checkbox"]:checked+label:before{background-color:#8ce196}.iphone-toggle input[type="checkbox"]:checked+label:after{margin-left:20px}.label-text{display:inline-block;margin:0 0 11px}#chart-container{width:100%;height:100%}.chart-aligner{position:relative;margin:auto;height:90vh;width:100vw}.chart-time{display:block;position:absolute;top:98px;right:26px}.time-link{display:inline-block;text-decoration:underline;text-decoration-style:dotted;color:#8c8c8c;padding-right:5px}.edit.selected ~ .time-link{display:none}#chartjs-tooltip{background-color:#000;border:2px solid #fff;border-radius:10px}#tooltip-container .circle-meals{position:absolute;opacity:0;margin-top:30px;cursor:pointer;width:auto;text-align:center;width:50px}#tooltip-container .circle-meals.visible{opacity:1;transition:all 1s;margin-top:-30px;margin-left:-19px}#tooltip-container .square-meals{position:absolute;width:15px;opacity:0;transition:all 1s;margin-top:30px;cursor:pointer;width:auto;text-align:center;border:2px solid #000;padding:10px;border-radius:5px;opacity:0;margin-top:0px;display:none;transition:all 1s}#tooltip-container .meal{display:block}#tooltip-container .green{background-color:#86e491;border:1px solid #5fea6f}#tooltip-container .orange{background-color:#f5d351;border:1px solid #ffaa61}#tooltip-container .red{background-color:#f54e45;border:1px solid #ff766e}#tooltip-container .blank{display:none}#tooltip-container .visible{opacity:0;margin-top:0px}#tooltip-container .load{transition:all 1.5s}#tooltip-container .icon-container{display:block}#tooltip-container .mood{display:inline-block;font-size:32px}#tooltip-container .water{display:inline-block;font-size:22px}#tooltip-container .exercise{display:inline-block;font-size:32px}#tooltip-container .weight{font-size:22px}#tooltip-container .water-container{position:relative;top:-4px}#tooltip-container .water-number{font-size:18px;top:4px;position:relative;left:0px}#tooltip-container .water i{display:inline-block;transform:scale(1, 1.5)}#tooltip-container .good{background-image:linear-gradient(to bottom right, #a7d2ac 0%, #86e491)}#tooltip-container .okay-good{background-image:linear-gradient(to bottom right, #f5d351 0%, #86e491)}#tooltip-container .okay{background-image:linear-gradient(to bottom right, #e0cd82 0%, #f5d351)}#tooltip-container .bad-okay{background-image:linear-gradient(to bottom right, #f54e45 0%, #f5d351)}#tooltip-container .bad{background-image:linear-gradient(to bottom right, #e0736d 0%, #f54e45)}#tooltip-container .large .water{margin-top:15px}#tooltip-container .medium .mood,#tooltip-container .medium .exercise{font-size:26px}#tooltip-container .medium .water{font-size:18px}#tooltip-container .small .mood,#tooltip-container .small .exercise{font-size:22px}#tooltip-container .small .water{font-size:12px}.background-segment{position:absolute;width:69px;height:69px;margin-top:-15px;margin-left:-15px;background-image:radial-gradient(transparent 11%, #233a4f9c 11%, transparent 100%);border-radius:131px}.meal-only-background{width:40px;height:40px;margin-left:0;margin-top:0;background-image:radial-gradient(transparent 20%, #233a4f9c 20%, transparent 100%)}.active .background-segment{background-image:radial-gradient(transparent 15%, #233a4f9c 15%, transparent 100%)}.active .meal-only-background{background-image:radial-gradient(transparent 26%, #233a4f9c 15%, transparent 100%)}.meal-segment-container{width:41px;height:41px;position:absolute;z-index:1}.meal-segment{width:16px;position:absolute;bottom:0;right:22px}.meal-segment-one{transform:rotate(60deg)}.meal-segment-two{transform:rotate(120deg)}.meal-segment-three{transform:rotate(180deg)}.meal-segment-four{transform:rotate(240deg)}.meal-segment-five{transform:rotate(300deg)}.meal-segment-six{transform:rotate(360deg)}.water-segment-container{width:67px;height:67px;position:absolute;margin-top:-13px;margin-left:-13px;z-index:1}.water-segment{width:26px;position:absolute;bottom:0;right:33px;transform:rotate(1.1deg)}.water-segment-one{transform:rotate(45deg)}.water-segment-two{transform:rotate(90deg)}.water-segment-three{transform:rotate(135deg)}.water-segment-four{transform:rotate(180deg)}.water-segment-five{transform:rotate(225deg)}.water-segment-six{transform:rotate(270deg)}.water-segment-seven{transform:rotate(315deg)}.water-segment-eight{transform:rotate(360deg)}.weight-container{z-index:1;position:absolute;margin-top:-22px}.weight-container.top-water,.weight-container.bottom-water{margin-top:-35px}.exercise-container{z-index:1;position:absolute;margin-top:48px;margin-left:14px}.exercise-container.bottom-water{margin-top:60px}.exercise-dot{border-radius:50px;width:10px;height:10px;background-color:#86e491}.landing-image-container{background:url(/landing-chart.png) center no-repeat;width:100%;height:70vh;background-size:cover;display:flex}.landing-image-gradient{height:100px;background-image:linear-gradient(transparent, #091e31);margin-top:auto;width:100%}.landing-image-border{width:100%;height:5px;box-shadow:0px -8px 10px 12px #152738;background-image:linear-gradient(#1a3954 0%, #40596f 50%, #1a3954 100%)}.landing-center-container{text-align:center;height:50px}.landing-center-item{display:inline-block;border-radius:25px;transform:translate(0%, -50%)}.landing-logo{width:220px;box-shadow:0px 0px 41px 0px #0e0d0d;border-radius:50%;cursor:pointer;transition:transform ease-in 1s;transform:rotate(0deg);transform:rotateY(0);transform-style:preserve-3d}.landing-logo:hover{transform:rotate(360deg);transition:transform ease-out 5s}.landing-logo-click{transform:rotateY(180deg)}.landing-item{display:block}.landing-container{width:100%}.landing-row{padding:50px 60px 25px}.landing-title{font-size:40px;padding-bottom:20px;text-shadow:2px 2px 4px #273e54}.landing-heading{font-size:22px;padding:20px 0;text-shadow:2px 2px 4px #273e54}.landing-paragraph{font-family:'Helvetica Neue', san-serif;letter-spacing:0.5px;line-height:27px;font-size:19px;text-align:justify;padding-bottom:30px}.landing-grid{width:100%;display:grid;grid-template-columns:33% 33% 33%;justify-items:center}.landing-column{text-align:center}.landing-image{width:300px;height:300px;border:2px solid #000;border-radius:25px;box-shadow:10px 10px 0px 0px #0f1215}.landing-image img{width:100%;border-radius:25px}.section-separator{width:100%;height:5px;box-shadow:0px 0px 10px 1px #152738;background-image:linear-gradient(#1a3954 0%, #40596f 50%, #1a3954 100%)}.light-section{background-color:#fff;background:url("/landing-page/white-waves.png") repeat}.light-section .landing-paragraph{color:#1a2229}.light-section .landing-title{color:#1a2229;text-shadow:2px 2px 4px #bfbfbf}.landing-text-container{display:inline-block;width:64%}.landing-demo-form-container{display:inline-block;width:35%;margin-bottom:-67px;overflow:hidden}.landing-text-and-image-container{width:100%;display:block}.landing-demo-form-image{width:350px;margin:20px;margin-bottom:-250px;z-index:0}.landing-demo-form-image:hover{transform:translate(0px, -10px)}@media only screen and (min-width: 750px){.edit:hover,.user:hover{background-color:#616161;color:#fff}.edit:hover .edit-icon,.user:hover .user-icon{color:#fff}label.good:hover{margin-left:0px;background-color:#a7d2ac}label.okay:hover{background-color:#e0cd82}label.bad:hover{background-color:#e0736d}.previous-date:hover,.next-date:hover{background-color:#616161}.decrease-water:hover{background-color:#f54e45}.increase-water:hover{background-color:#1a7dd4}.exercise-button:hover{background-color:#616161}.log-in-option:hover,.sign-up-option:hover{background-color:#253a4e;color:#fff}#account-container input[type="submit"]:hover{background-color:#253a4e}.logout-button:hover{background-color:#45525f}.time-link:hover{cursor:pointer;color:#fff}#tooltip-container .square-meals.hover,#tooltip-container .square-meals:hover,#tooltip-container .square-meals.active{opacity:1;display:block}#tooltip-container .square-meals.hover .meal,#tooltip-container .square-meals:hover .meal{width:17px}}@media only screen and (max-width: 750px){.buttons,.edit,.user{display:none}h1.title{width:100%;text-align:center;margin-left:0px;margin-top:13px}.mobile-buttons{display:block}.edit.selected ~ .edit-triangle,.edit.selected ~ #form-container{display:none}#form-container,#user-container{width:100%;position:relative;padding:0;right:0;top:0;margin-top:19px;border-radius:0;border-left:0;border-right:0}#form-container input{height:30px}#days-form{margin:20px}#day_date{width:63%;-webkit-appearance:none;padding:8px 0px 0px 14px}.previous-date,.next-date{padding:9px 0px 5px;height:23.8px;text-align:center;width:10%}.next-date{padding-left:1px}#day_weight{width:93%}#day_water{width:62%}.decrease-water,.increase-water{padding:9px 0 5px;width:13%;text-align:center;height:24.9px}#form-container .radio-buttons input{height:0}.radio-buttons .section-title{width:20%}.check-box .section-title{width:18.5%}label.good,label.okay,label.bad{width:21%;margin:-4px -2%;padding:7px 1%;font-size:17px}label.good{margin-left:0px}.exercise-button{width:72%;padding:5px 0px;font-size:17px}#day_exercise{display:none}.mood label.good,.mood label.okay,.mood label.bad{width:21%;margin:-4px -2%;padding:7px 1%}.mood label.good{margin-left:2px}.username{margin-top:30px}#settings-form{padding:0px 30px}.label-text{font-size:19px}.logout-button{border-radius:0px;width:70%;margin:0 auto;border-color:#fff;padding:10px;font-size:23px;margin-bottom:30px}.logout-button:hover{background-color:#616161}#chart-container{margin-top:15px}.chart-time{position:relative;top:0;right:0}.time-link{width:31%;text-align:center;border:2px solid #fff;padding:10px 0;color:#fff;text-decoration:none;background-color:#fff;cursor:pointer;color:#000}.time-link:hover{background-color:#616161;color:#fff}.circle-meals.visible{display:none}.circle-meals.visible.active{display:block}.landing-text-container{width:100%;margin-top:51px}.landing-demo-form-container{width:75%;margin-bottom:-34px;padding-top:10px}.landing-demo-form-image{width:100%;margin:0;margin-bottom:-420px}.landing-text-and-image-container{text-align:center}.landing-title{text-align:left}.mobile-center{text-align:center}.landing-grid{grid-template-columns:100%}.landing-image{width:100%;height:auto}.landing-heading{padding:20px 0 50px}}