:root{--highlight-color:#27debf;--text-color:#fff;--bg-color:#1f1f1f}body{margin:0;font-family:"Nunito",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1f1f1f;background:var(--bg-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::selection{background:#27debf;background:var(--highlight-color)}.button-styles{display:flex;justify-content:center;align-items:center;list-style-type:none;text-decoration:none;font-size:25px;color:#fff;color:var(--text-color);border:2px solid #fff;border-radius:41px;margin:0 auto;padding:10px 50px;transition:.5s}.button-styles:hover{color:#27debf;color:var(--highlight-color);border:2px solid #27debf;border:2px solid var(--highlight-color)}.bmi-info-wrap,.cals-form-wrap,.cals-info-wrap,.cals-result-wrap{color:#fff;color:var(--text-color);display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(50px,auto)}.bmi-info-wrap .button-styles{grid-row:5/6;grid-column:2/4}.bmi-info-wrap h1,.cals-form-wrap{color:#fff;color:var(--text-color)}.bmi-info-wrap h1{font-size:50px;grid-row:2/3;grid-column:2/5}.bmi-info-wrap p{font-size:30px;color:#fff;color:var(--text-color);grid-row:3/4;grid-column:2/8}.bmi-info-wrap img{grid-column:9/11;grid-row:4/6}@media screen and (max-width:1200px){.bmi-info-wrap img,.cals-info-wrap img{height:250px;width:395px}.bmi-info-wrap p,.cals-info-wrap p{font-size:25px;text-align:justify;margin:0}.bmi-info-wrap h1,.cals-info-wrap h1{font-size:40px}.bmi-info-wrap .button-styles,.cals-info-wrap .button-styles{grid-row:9/10;font-size:20px;padding:10px 30px}}@media screen and (max-width:768px){.bmi-info-wrap,.cals-info-wrap{height:100vh;display:flex;flex-flow:column;justify-content:space-around;align-items:center}.bmi-info-wrap>*,.cals-info-wrap>*{margin:0}.bmi-info-wrap p,.cals-info-wrap p{font-size:23px;text-align:justify;margin:0 50px;line-height:2}.bmi-info-wrap .button-styles,.cals-info-wrap .button-styles{font-size:25px}.bmi-info-wrap img{height:200px;width:345px}}@media screen and (max-width:500px){.bmi-info-wrap h1{font-size:30px}.bmi-info-wrap p,.cals-form-wrap p{font-size:20px}.bmi-info-wrap .button-styles,.cals-info-wrap .button-styles{font-size:15px}.bmi-info-wrap img{height:150px;width:295px}}.cals-info-wrap h1{color:#fff;color:var(--text-color);font-size:50px;grid-row:2/3;grid-column:2/6}.cals-info-wrap p{font-size:30px;color:#fff;color:var(--text-color);grid-row:3/4;grid-column:2/8}.cals-info-wrap img{grid-column:9/11;grid-row:5/7}.cals-info-wrap .button-styles{grid-row:6/7;grid-column:2/4}@media screen and (max-width:768px){.cals-info-wrap h1{font-size:50px}.cals-info-wrap img{width:250px;height:240px}.cals-info-wrap p{font-size:23px}}@media screen and (max-width:500px){.cals-info-wrap h1{font-size:30px}.cals-info-wrap p{font-size:20px}.cals-info-wrap img{width:200px;height:190px}}.d-flex{display:flex}.cals-form-wrap form input[type=number]{-moz-appearance:textfield;font-size:20px;background:none;width:50%;border:none;border-bottom:2px solid hsla(0,0%,100%,.4);margin:10px;color:#fff;color:var(--text-color);outline:0;transition:.3s}.cals-form-wrap form input:focus{border-bottom:2px solid #27debf;border-bottom:2px solid var(--highlight-color)}.cals-form-wrap input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cals-form-wrap form button{background:none;border:none;color:#27debf;color:var(--highlight-color);outline:0;margin-bottom:40px;cursor:pointer}.bmi-green,.bmi-orange,.bmi-red,.bmi-yellow{color:#fff;color:var(--text-color);font-size:90px;list-style-type:none;text-decoration:none;padding:20px;margin:10px;height:300px;width:300px;border-radius:50%;display:flex;justify-content:center;align-items:center}.bmi-yellow{border:5px solid #ff0}.bmi-green{border:5px solid #4bff41}.bmi-orange{border:5px solid #ff7f16}.bmi-red{border:5px solid red}@media screen and (max-width:768px){.bmi-green,.bmi-orange,.bmi-red,.bmi-yellow{font-size:60px;height:200px;width:200px}}@media screen and (max-width:500px){.bmi-green,.bmi-orange,.bmi-red,.bmi-yellow{font-size:40px;height:150px;width:150px}}.cals-form-wrap form{grid-column:2/4;grid-row:2/3;font-size:20px}.cals-form-wrap .act-div{grid-column:6/12;grid-row:2/3;font-size:20px}.cals-form-wrap .act-div .act-inner-div{margin:15px auto;font-size:1em}.cals-form-wrap a{grid-row:5/6;grid-column:6/8;height:35px}.goal-radio{grid-row:5/6}.gender-radio,.goal-radio{display:flex;grid-column:2/5;align-items:center;font-size:18px}.gender-radio{grid-row:4/5}.gender-radio>*,.goal-radio>*{padding:10px}.cals-form-wrap .act-div .act-inner-div .radioContainer,.cals-form-wrap .gender-radio .radioContainer,.cals-form-wrap .goal-radio .radioContainer{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-left:30px}.radioContainer input{display:none}.radioContainer .circle{display:inline-block;width:20px;height:20px;background-color:#eee;position:absolute;left:0;top:3px;border-radius:50%}.gender-radio .radioContainer .circle,.goal-radio .radioContainer .circle{top:12px}.radioContainer:hover .circle{background-color:#919191}.radioContainer input:checked+.circle{background-color:#27debf;background-color:var(--highlight-color)}.radioContainer input:checked+.circle:after{content:"";height:10px;width:10px;background-color:#fff;background-color:var(--text-color);position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width:1200px){.radioContainer .circle{width:15px;height:15px}.radioContainer input:checked+.circle:after{height:7px;width:7px}.cals-form-wrap .act-div,.cals-form-wrap .gender-radio,.cals-form-wrap .goal-radio,.cals-form-wrap form{font-size:15px}.cals-form-wrap .button-styles{display:flex;justify-content:center;align-items:center}}@media screen and (max-width:768px){.cals-form-wrap,.cals-form-wrap form{display:flex;flex-flow:column;align-items:center;justify-content:space-around}.cals-form-wrap form{height:500px}.cals-form-wrap .d-block,.cals-form-wrap .d-flex{display:flex;justify-content:center}.cals-form-wrap .button-styles{order:1;font-size:20px}.cals-form-wrap .act-div{padding:0 30px}.cals-form-wrap form input[type=number]{width:35%}.cals-form-wrap .goal-radio{margin-left:110px}}@media screen and (max-width:500px){.cals-form-wrap form input[type=number]{width:25%}}.cals-result-wrap{margin-bottom:30px}.cals-result-wrap ul{grid-row-start:2;grid-column:2/10}.cals-result-wrap p{margin:10px}.cals-result-wrap img{grid-row:2/5;grid-column:11/12;height:500px}.cals-result-wrap ul li{font-size:25px;padding:5px}.cals-result-wrap .d-flex{grid-row:4/7;grid-column:2/8;flex-flow:column;font-size:22px}.cals-result-wrap a{grid-row:6/7;grid-column:11/12}.cals-result-wrap span{color:#27debf;color:var(--highlight-color)}@media screen and (max-width:1200px){.cals-result-wrap img{width:410px;height:380px}.cals-result-wrap .button-styles,.cals-result-wrap .d-flex p,.cals-result-wrap ul li{font-size:20px}}@media screen and (max-width:768px){.cals-result-wrap{display:flex;flex-flow:column;align-items:center;justify-content:space-around}.cals-result-wrap .button-styles{order:1}.cals-result-wrap .d-flex{padding:0 30px;margin:30px}.cals-result-wrap img{width:300px;height:270px;margin:30px}}@media screen and (max-width:500px){.cals-result-wrap .button-styles,.cals-result-wrap .d-flex p,.cals-result-wrap ul li{font-size:17px}.cals-result-wrap img{width:260px;height:230px}.cals-result-wrap .d-flex{margin:20px}}
/*# sourceMappingURL=main.2ec60e48.chunk.css.map */