.login{font-family:"Gaegu",cursive;font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:20px;gap:20px;background-color:#fffaed}.hero,.login{height:821px;width:1440px}.hero{background-color:#7b7aaf}.what-is{height:1600px;width:1440px;background-color:#f5cac3}.instruction{height:1050px;width:1440px;background-color:#f8ad9d;flex-direction:column}.login-zone{height:700px;width:1440px;background-color:#fffacd}.link{text-decoration:none;display:inline;padding:20px;font-weight:700;font-size:30px;cursor:pointer;color:#fffacd}.top-btn-position{position:fixed;bottom:15px;right:20px}.top-btn-style{height:40px;width:40px;border-radius:50%;border:2px solid #333;background-color:#fff;color:#333;cursor:pointer}.top-btn-style:hover{-webkit-animation:none;animation:none;background-color:#333;color:#fff;border:2px solid #fff}a{color:#000}.login-google{margin-top:60px;cursor:pointer;font-size:20px;font-family:"Gaegu",cursive;font-weight:700;background:#f8ad9d;border:1px solid #000;border-radius:16px;box-shadow:4px 3px;color:#000;padding:6px 70px;margin-left:10rem}.login-topper-form{height:55px;margin-left:12rem;width:1070px;background-color:#f8ad9d;border:2px solid #000;border-radius:5px}.info{margin-top:10rem;font-size:50px;font-weight:700;display:inline;margin-left:45 rem}.login-form{margin-top:-15px;margin-left:12rem;background-color:#fff;border:2px solid #000;padding:12rem;height:600px;width:1070px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.head-login{display:flex;text-align:center;font-size:50px;margin-top:-500px;margin-left:70px}.paragraph-login{font-family:"Gaegu",cursive;display:flex;text-align:justify;font-size:30px;margin-top:60px}.App-logo{position:relative;top:-330px;left:640px}.adver-pic{margin-top:3rem;margin-left:12rem}.text-title-what-is{color:#fc3f83;font-size:60px;font-weight:700;margin-left:2rem}.mouse-on{text-decoration:underline}.info-block{flex-direction:column}.login-dot-component{position:relative;top:-310px;left:-330px}.login-curve-component{position:relative;top:-310px;left:-390px}a:hover{color:#ff69b4}.web-des{color:#7b7aaf;font-weight:700;margin-left:2rem;margin-right:2rem}.inst-pic{margin-left:8rem}.input-border{border:.25em solid #f8ad9d;border-radius:2em;width:5cm;font-weight:700;font-size:16px}.diary-container{width:640px;background-color:#ffb5a7;margin-top:-45px;margin-left:32px;border-radius:20px;font-weight:700;font-size:23px;color:#926432}.icon-wrapper{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:0 30px}.icon-wrapper .anticon{position:absolute;top:-2px;width:16px;height:16px;color:rgba(0,0,0,.25);font-size:16px;line-height:2.8}.icon-wrapper .icon-wrapper-active{color:#926432}.icon-wrapper .anticon:first-child{left:0}.icon-wrapper .anticon:last-child{right:0}.home{font-family:"Gaegu",cursive;font-weight:700;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;grid-gap:20px;gap:20px;height:1000px;width:1440px;background-color:#fffaed}.home-form{position:absolute;top:10px;right:10px;width:50%;background-color:#fff0ca;height:770px;width:700px;border-radius:25px}.home-title{margin-left:20px;text-align:left;font-size:35px;margin-bottom:45px;color:#c3996b}.home-submit{margin-top:15px;margin-left:15em;cursor:pointer;font-size:20px;font-family:"Gaegu",cursive;font-weight:700;background:#7b7aaf;border-radius:30px;color:#fff;height:2em;width:5em}.pain-level-container{height:100px;width:640px;background-color:#ffb5a7;margin-top:-45px;margin-left:32px;border-radius:25px;position:relative;display:inline-block;justify-content:center;align-items:center}.slider-position{top:30%}.small-blood-level-block{height:80px;width:200px;background-color:#ffe4dc;border-radius:25px;display:inline-block;align-items:center;justify-content:center}.home-input-container{position:relative;left:13%;font-size:25px;align-items:center;display:flex;grid-gap:40px;gap:40px;margin:16px;width:650px}.endingleft{font-size:18px;margin-top:100px;margin-left:145px;display:inline-block;white-space:nowrap}.flex{display:flex;flex-wrap:wrap}.grid{display:grid;grid-template-columns:100px 100px 100px}.blood-level-container{height:100px;width:640px;background-color:#ffcdb2;border-radius:25px;padding:10px;justify-content:space-between;align-content:space-between;margin-top:-45px;margin-left:32px;display:flex}.fa-droplet{color:#da2f47;padding:.15em}.component-calendar{margin-left:10em}.location_setting{margin-top:3.5cm;margin-bottom:-1cm}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.backtologin{display:flex;justify-content:flex-start;border-style:solid;border-color:#b8bedd;background-color:#b8bedd;border-radius:3em;height:3.5em;width:11em;color:#fff;margin-left:1cm}.log{font-size:25px;padding-left:.5cm}.icon_log{margin-top:.175cm;padding-right:.25cm}.backtologin:hover{border-color:#1377b5}.calendar{font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.calendar,.react-calendar{font-family:"Gaegu",cursive;font-weight:700}.react-calendar{width:600px;max-width:100%;background-color:#fffaed;color:#222;border-radius:8px;border-color:#fffaed;line-height:1.125em}.calendar-container{margin-left:1.5cm;border-style:solid;border-radius:2em;padding:.5cm;margin-bottom:.5cm;border-color:#f8ad9d}.react-calendar__navigation button{color:#7b7aaf;min-width:44px;background:none;font-size:16px;margin-top:8px}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#f8f8fa}.react-calendar__navigation button[disabled]{background-color:#f0f0f0}abbr[title]{text-decoration:none}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background:#f8f8fa;color:#7b7aaf;border-radius:6px}.react-calendar__tile--now,.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:rgba(111,72,235,.2);border-radius:6px;font-weight:700;color:#7b7aaf}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#f8f8fa}.react-calendar__tile--active{background:#7b7aaf;border-radius:6px;font-weight:700;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#7b7aaf;color:#fff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#f8f8fa}.react-calendar__tile--range{background:#f8f8fa;color:#7b7aaf;border-radius:0}.react-calendar__tile--rangeStart{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:6px;border-bottom-left-radius:6px;background:#7b7aaf;color:#fff}.react-calendar__tile--rangeEnd{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:6px;border-bottom-right-radius:6px;background:#7b7aaf;color:#fff}.highlight{background:#ffb5a7}.highlight,.highlight2{color:#7b7aaf;border-radius:3px}.highlight2{background:#d3d3d3}.highlight3{color:orange;border-radius:3px;background:#fcffa6}.text-center-title{margin-left:4.5cm;font-weight:bolder;color:#fff;border-style:solid;border-color:#f79781;border-radius:1em;background-color:#f8ad9d;padding:.125cm .125cm .125cm .5cm;width:10cm;font-size:30px}.text-center{margin-left:5cm;border-style:solid;border-color:#f0d8d2;border-radius:1em;padding:.25cm .25cm .25cm .5cm;background-color:#fff;height:1.25cm}.text-center,.userperiod{font-weight:700;box-shadow:.25em .25em #f8ad9d;width:9cm}.userperiod{border:.25 solid #f0d8d2;border-radius:1em;color:#fff;display:flex;height:1cm;justify-content:center;font-size:16px}.diary-period{margin-top:1cm;margin-left:5cm}.backtosetting{display:flex;justify-content:flex-start;border-style:solid;border-color:#b8bedd;background-color:#b8bedd;border-radius:3em;height:2.5em;width:8em;color:#fff;margin-left:1cm;margin-top:1cm}.set{font-size:25px;padding-left:.5cm}.icon_set{margin-top:.175cm;padding-right:.25cm}.backtologin:hover,.backtosetting:hover{border-color:#8983de}.period-submit{margin-top:15px;margin-left:15em}.space{height:15px}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App,.left-side{font-family:"Gaegu",cursive}.left-side{text-align:center;background-color:#dde0eb;width:25em;height:60em;float:left}.h1-setting{font-weight:700}.name-user{font-weight:bolder}.profile-user{border-radius:50%;max-width:100%;height:auto}.setting{display:flex;justify-content:flex-start;border-style:solid;border-radius:3em;border-color:#7b7aaf;background-color:#7b7aaf;width:14rem;height:3rem;margin:.5cm .5cm .5cm 1.5cm}.home_p,.icon_home,.icon_logout,.icon_setting,.setting_p{font-size:1.5rem;color:#fff;font-weight:700;display:flex;justify-content:center;margin-top:.25cm}.icon_home,.icon_logout,.icon_setting{margin-left:1.25cm}.home_p,.logout_p,.setting_p{margin-top:.25rem;margin-left:.25cm}.logout,.route_home{display:flex;justify-content:flex-start;border-style:solid;border-radius:3em;border-color:#b8bedd;background-color:#b8bedd;width:14rem;height:3rem;margin:.5cm .5cm .5cm 1.5cm}.reminder,.reminder2{font-size:1.5rem;color:#7b7aaf;font-weight:bolder;margin-top:.5cm}.reminder2{text-decoration:underline}.logout_p{font-size:1.5rem;color:#fff;font-weight:700;display:flex;justify-content:center;margin-top:.1cm}.bc-input{background-color:#fffaed;height:60em}.input{font-weight:700;display:flex;flex-direction:column;float:left;border-style:solid;border-color:#ffe4dc;background-color:#ffe4dc;border-radius:3em;box-shadow:.5em .5em #f8ad9d;width:50em;height:35em;margin:2.5cm 2.5cm 2.5cm 5cm}.setting-submit{margin-top:15px;margin-left:15em}.period-submit,.setting-submit{cursor:pointer;font-size:20px;font-family:"Gaegu",cursive;font-weight:700;background:#7b7aaf;border-radius:30px;color:#fff;height:2em;width:5em}.period-submit{margin-top:-2.5cm;margin-left:8cm}::-webkit-input-placeholder{color:#ffe4dc}::placeholder{color:#ffe4dc}.cycle-length,.last-month,.period-length,.phase-length,.year{margin:1cm 1cm 1cm 1.5cm;border:.25 solid #f0d8d2;border-radius:1em;background-color:#ffcdb2;box-shadow:.25em .25em #f8ad9d;display:flex;width:7cm;height:1cm;justify-content:center;font-size:16px;font-weight:700}.input-border,.setting-range-picker{margin:1cm;border:.25em solid #f8ad9d;border-radius:2em;height:1cm;font-weight:700;font-size:16px}.box-cycle,.box-period,.box-phase,.box-year{display:flex;flex-direction:row}.line-logo{margin-top:20px}.mar{margin:1cm}.periodLastMonth{font-weight:700;display:flex;flex-direction:row;float:left;border-style:solid;border-color:#ffe4dc;background-color:#ffe4dc;border-radius:3em;box-shadow:.5em .5em #f8ad9d;width:50em;margin:2cm 2cm 2cm -.2cm}.swal2-title{font-family:"Gaegu",cursive;font-weight:700}.must{font-size:20px;margin-bottom:-2cm}.calculated{font-size:20px;margin-top:.8cm}.container{display:flex;justify-content:flex-start;font-size:1.5rem;color:#7b7aaf;font-weight:700;margin-left:1cm;margin-top:.5cm}.toggle-switch{position:relative;width:75px;display:inline-block;text-align:left;top:8px;margin-left:.5cm;margin-top:-.1cm}.checkbox{display:none}.label{display:block;overflow:hidden;cursor:pointer;border:0 solid #a5978e;border-radius:20px}.inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.inner:after,.inner:before{float:left;width:50%;height:36px;padding:0;line-height:36px;color:#fff;font-weight:700;box-sizing:border-box}.inner:before{content:"";padding-left:10px;background-color:#f8ad9d;color:#fff}.inner:after{content:"";padding-right:10px;background-color:#a5978e;color:#fff;text-align:right}.switch{display:block;width:24px;height:24px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:40px;border:0 solid #a5978e;border-radius:20px;transition:all .3s ease-in 0s}.checkbox:checked+.label .inner{margin-left:0}.checkbox:checked+.label .switch{right:0}
/*# sourceMappingURL=main.3e019bef.chunk.css.map */