@import url(https://fonts.googleapis.com/css2?family=DynaPuff:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.homepage{display:flex}.homepage .tip{height:90vh;width:10vw}.homepage .dailyTitle{border-top:1px solid #000;margin:20px 0 0}.homepage .calendar{height:90vh;margin:0 2vw;width:75vw}.homepage .rightBlock .dayBlock{display:flex;height:80vh;width:10vw}.homepage .rightBlock .dayBlock .journey{width:10vw}.mCalendar{height:90%;width:100%}.mCalendar .ymb{align-items:flex-end;display:flex;font-family:DynaPuff,cursive;font-size:30px;padding:0 0 0 20vw}.mCalendar .ymb .btn{cursor:pointer;margin:0 10px}.mCalendar .ymb .min{margin:0 0 0 200px}.mCalendar .ymb .min,.mCalendar .ymb .mout{font-size:20px;margin-right:20px}.mCalendar .ymb .calplus{margin:0 0 0 25%;padding:0 0 5px}.mCalendar .MCBody{align-content:flex-start;display:flex;flex-wrap:wrap;height:100%;width:100%}.mCalendar .MCBody .notThisMonth{background-color:#dcdcdc}.mCalendar .MCBody .day{border:2px solid #aaa;border-radius:5px;cursor:pointer;height:17.5%;margin:1px;transition:all .3s;width:calc(14% - 4.28571px)}.mCalendar .MCBody .day:hover{border:2px solid #51a8dd}.mCalendar .MCBody .day .title{display:flex;justify-content:space-between;padding:5px 15px 0;text-align:left}.mCalendar .MCBody .day .title .daynum{font-family:DynaPuff,cursive}.mCalendar .MCBody .day .memoList{display:flex;flex-direction:column;padding:10px}.mCalendar .MCBody .day .memoList .memo{border:1px solid #000;border-radius:10px;margin:0 0 3px;padding:2px 10px}.mCalendar .MCBody .day .saturday{color:#91ad70}.mCalendar .MCBody .day .holiday,.mCalendar .MCBody .day .sunday{color:red}.mCalendar .MCBody .birth{border:2px solid #88cb9d}.mCalendar .MCBody .mcWarning{background-color:rgba(244,167,185,.5)}.mCalendar .MCBody .mcTarget{background-color:rgba(208,16,76,.5)}.addMemo{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px}.addMemo .plusicon{background-size:100% 100%;cursor:pointer;height:15px;margin:2px 0 0;width:15px}.addMemo .addmomask{background-color:rgba(0,0,0,.5);cursor:default;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:500}.addMemo .addmomask .settingBlock{background-color:#fff;border-radius:30px;height:500px;margin:20vh auto;padding:30px;position:relative;text-align:left;width:550px}.addMemo .addmomask .settingBlock .mcTitle{font-size:20px;text-align:center}.addMemo .addmomask .settingBlock .mcData{align-items:center;display:flex;font-size:18px;justify-content:space-evenly;margin:5px 0;text-align:center}.addMemo .addmomask .settingBlock .mcData .deleteMC{background-size:100% 100%;cursor:pointer;height:15px;width:15px}.addMemo .addmomask .settingBlock .memodate{padding:0 0 0 80px}.addMemo .addmomask .settingBlock .memotip{color:#888;font-size:10px;text-align:left}.addMemo .addmomask .settingBlock .memoSubmit{bottom:30px;left:calc(50% - 36px);position:absolute}.addMemo .addmomask .settingBlock .dailyCycle .dailyRange{align-items:center;display:flex}.addMemo .addmomask .settingBlock .dailyCycle .dailyWeek{align-items:center;display:flex;padding:5px 0 5px 10px}.addMemo .addmomask .settingBlock .mcTable{display:inline-block;margin:20px 0 0;width:300px}.mainInputBody{display:inline-block;padding:5px;width:100%}.mainInputBody .block{align-items:center;display:flex}.mainInputBody .block .label{flex:0 0 70px;width:70px}.mainInputBody .block .inputBG{background:linear-gradient(90deg,rgba(58,143,183,.5),rgba(88,178,220,.5));border-radius:20px;margin:0 10px;padding:3px;width:calc(100% - 100px)}.mainInputBody .block input{border:none;border-radius:20px;outline:none;padding:5px 12px;width:calc(100% - 24px)}.mainInputBody .block input:focus{outline:none}.timePicker{align-items:center;display:flex;padding:5px}.timePicker .tplabel{width:70px}.timePicker .tpValue{text-align:center;width:30px}.timePicker .tpBtn{background-repeat:no-repeat;background-size:100% 100%;height:10px;width:15px}.timePicker .hourBlock,.timePicker .minuteBlock{align-items:center;display:flex;flex-direction:column;justify-items:center}.mainBody button{background-color:rgba(88,178,220,.3);border:1px solid rgba(88,178,220,.7);border-radius:5px;cursor:pointer;font-size:16px;padding:5px 20px;transition:all .2s}.mainBody button:hover{background-color:rgba(88,178,220,.7)}.mainBody button:active{background-color:#fedfe1}.mainBody .arrow{border:10px solid transparent;border-left-color:#eea9a9;cursor:pointer;height:0;margin:10px;position:relative;width:0}.mainBody .arrow .effect{background:radial-gradient(circle at -50% 50%,#fff,#eea9a9 80%,#eea9a9 100%);-webkit-clip-path:polygon(0 0,0 100%,100% 50%);clip-path:polygon(0 0,0 100%,100% 50%);height:10px;left:-10px;position:absolute;top:-5px;width:5px}.mainBody .left{-webkit-transform:scale(-1);transform:scale(-1)}.mainRadio{align-items:center;border:1px solid rgba(125,185,222,.3);border-radius:10px;cursor:pointer;display:flex;margin:5px;padding:2px 5px}.mainRadio .radioBlock{border:2px solid #c8c8c8;border-radius:50%;display:inline-block;height:26px;margin:5px 10px 5px 5px;width:26px}.mainRadio .radioBlock .main{border-radius:50%;height:20px;margin:3px;transition:all .5s;transition-timing-function:cubic-bezier(.74,-.37,.85,1.44);width:20px}.mainRadio .radioBlock .check{background-color:#c8c8c8;-webkit-transform:scale(0);transform:scale(0)}.mainRadio .radioBlock .checked{background-color:#a5dee4;-webkit-transform:scale(1);transform:scale(1)}.mainRadioGroup{display:flex;padding:5px}.mainRadioGroup .label{flex:0 0 50px;padding:15px 0 0;width:50px}.mainRadioGroup .radioGroupBody{display:flex;flex-direction:row;flex-wrap:wrap}.mDatePicker{display:inline-block;height:90%;padding:5px;position:relative;width:100%}.mDatePicker .mdpdisplay{align-items:center;display:flex}.mDatePicker .mdpdisplay .label{flex:0 0 70px;width:70px}.mDatePicker .mdpdisplay .input{background:linear-gradient(90deg,rgba(58,143,183,.5),rgba(88,178,220,.5));border-radius:20px;height:25px;line-height:25px;margin:0 10px;padding:3px;width:150px}.mDatePicker .mdpdisplay .input .display{background-color:#fff;border-radius:20px;height:25px;width:150px}.mDatePicker .mdpMain{background-color:#fff;border:1px solid #000;border-radius:10px;padding:5px;position:absolute;width:250px;z-index:100}.mDatePicker .mdpMain .dpymb{align-items:flex-end;display:flex;font-family:DynaPuff,cursive;font-size:15px;padding:0 0 0 20%}.mDatePicker .mdpMain .dpymb .btn{cursor:pointer;margin:0 10px}.mDatePicker .mdpMain .MDPBody{align-content:flex-start;display:flex;flex-wrap:wrap;height:100%;width:270px}.mDatePicker .mdpMain .MDPBody .notThisMonth{background-color:#dcdcdc}.mDatePicker .mdpMain .MDPBody .day{border:2px solid #aaa;border-radius:15px;cursor:pointer;height:20px;margin:1px;transition:all .3s;width:30px}.mDatePicker .mdpMain .MDPBody .day:hover{border:2px solid #51a8dd}.mDatePicker .mdpMain .MDPBody .day .title{display:flex;justify-content:space-between;padding:2px 5px 0;text-align:left}.mDatePicker .mdpMain .MDPBody .day .title .daynum{font-family:DynaPuff,cursive}.mDatePicker .mdpMain .MDPBody .day .memoList{display:flex;padding:10px}.mDatePicker .mdpMain .MDPBody .day .memoList .memo{border:1px solid #000;border-radius:10px;padding:2px 10px}.mDatePicker .mdpMain .MDPBody .day .saturday{color:#91ad70}.mDatePicker .mdpMain .MDPBody .day .holiday,.mDatePicker .mdpMain .MDPBody .day .sunday{color:red}.mainCheck{align-items:center;cursor:pointer;display:flex}.mainCheck .main{height:30px;margin:10px;transition:all .5s;transition-timing-function:ease-in-out;width:30px}.mainCheck .check{background-color:#c8c8c8;-webkit-clip-path:polygon(0 0,15% 0,15% 85%,85% 85%,85% 15%,15% 15%,15% 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,15% 0,15% 85%,85% 85%,85% 15%,15% 15%,15% 0,100% 0,100% 100%,0 100%)}.mainCheck .checked{background-color:#eea9a9;-webkit-clip-path:polygon(0 69%,36% 100%,59% 73%,76% 51%,99% 25%,77% 3%,64% 21%,51% 38%,30% 64%,13% 48%);clip-path:polygon(0 69%,36% 100%,59% 73%,76% 51%,99% 25%,77% 3%,64% 21%,51% 38%,30% 64%,13% 48%)}.mainCheck .label{position:relative;transition:all .5s}.mainCheck .label .todo{border-top:2px solid #bdc0ba;height:0;position:absolute;top:50%;transition:width .5s;width:0}.mainCheck .label .done{width:100%}.mainCheck .donelabel{color:#bdc0ba}.sdFinance{align-items:center;color:#000;display:flex}.sdFinance .nowSpend{color:#000}.sdFinance .icon{border-radius:5px;height:15px;margin:0 0 0 10px;width:15px}.sdFinance .finmask{background-color:rgba(0,0,0,.5);cursor:default;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:500}.sdFinance .finmask .settingBlock{background-color:#fff;border-radius:20px;height:30vw;margin:10vw auto 0;padding:50px 20px;width:500px}.sdFinance .finmask .settingBlock .fDate{padding:0 0 0 50px}.sdFinance .finmask .settingBlock .typeGroup{width:auto}.sdFinance .finmask .settingBlock .ioGroup{align-items:center;display:flex;justify-content:center}.sdFinance .finmask .settingBlock .submitF{padding:20px 0 0 50px}.sdFinance .finmask .settingBlock .fhis{margin:40px 0 0}.sdFinance .finmask .settingBlock .fhis .finHis{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 20%;width:60%}.sdFinance .finmask .settingBlock .fhis .finHis .deletef{background-size:100% 100%;cursor:pointer;height:15px;width:15px}.switchBody{background-color:#d3d3d3;border-radius:15px;cursor:pointer;display:inline-block;height:30px;margin:10px;transition:all .5s;width:60px}.switchBody .main{background-color:#fff;border-radius:50%;height:22px;margin:4px;transition:all .5s;width:22px}.switchOn{background-color:#eea9a9}.switchOn .main{margin-left:34px}.mjourney .timeBlock{position:relative}.mjourney .timeBlock .time{background:linear-gradient(180deg,rgba(120,194,196,.5),rgba(165,222,228,.5));height:26px;padding:2px 20px;text-align:left}.mjourney .timeBlock .time:hover{background:linear-gradient(180deg,#78c2c4,#a5dee4)}.mjourney .timeBlock .jourData{background-color:hsla(0,0%,100%,.5);border-radius:10px;left:80px;position:absolute;width:50%}.mainBody{height:90%;width:100%}.mainBody .monthSet{align-items:center;display:flex;font-family:DynaPuff,cursive;justify-content:center}.mainBody .calenderBody{display:flex;flex-wrap:wrap;height:100%;width:100%}.mainBody .calenderBody .day{background-color:hsla(0,67%,80%,.6);border:1px solid #000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:17.5%;margin:1px;width:14%}.mainBody .calenderBody .day:hover{border:2px solid red;margin:0}.mainBody .calenderBody .day .dayTop{align-items:center;display:flex;justify-content:space-between;padding:5px 20px 5px 5px}.mainBody .calenderBody .day .dayTop .dayNumber{display:inline-block;font-family:DynaPuff,cursive;font-size:20px;margin:0 0 0 10px;text-align:left}.mainBody .calenderBody .day .memo{color:#000;height:25px;margin-top:3px;text-align:left}.mainBody .calenderBody .day .memoStart{border-bottom-left-radius:10px;border-top-left-radius:10px;margin-left:10px;padding-left:10px}.mainBody .calenderBody .day .memoEnd{border-bottom-right-radius:10px;border-top-right-radius:10px;margin-right:10px;padding-right:10px}.mainBody .calenderBody .selectedDay{background-color:#eea9a9}.mainBody .calenderBody .saturday{color:#91ad70}.mainBody .calenderBody .holiday,.mainBody .calenderBody .sunday{color:red}.mainBody .calenderBody .notMonth{background-color:hsla(0,67%,80%,.2);color:gray}.journeyBody{display:flex;flex-direction:column}.journeyBody .time{background:linear-gradient(180deg,rgba(120,194,196,.5),rgba(165,222,228,.5));display:flex;padding:0 0 0 5px;text-align:left;-webkit-user-select:none;user-select:none}.journeyBody .time:hover{background:linear-gradient(180deg,#78c2c4,#a5dee4)}.journeyBody .time .timename{width:40px}.journeyBody .time .etitle{color:#000;margin-left:5px;width:calc(100% - 50px)}.journeyBody .time .estart{border-top-left-radius:10px;border-top-right-radius:10px}.journeyBody .time .eend{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.journeyBody .selected{color:red}.mainAcc{border:2px solid #eea9a9;border-radius:20px;padding:10px 20px}.mainAcc .topicArea{align-items:center;display:flex;font-weight:700;justify-content:space-between;width:100%}.mainAcc .topicArea .main{height:20px;transition:all .5s;width:20px}.mainAcc .topicArea .accPlus{background-color:#eea9a9;-webkit-clip-path:polygon(0 35%,35% 35%,35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%);clip-path:polygon(0 35%,35% 35%,35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%)}.mainAcc .topicArea .accMinus{background-color:#eea9a9;-webkit-clip-path:polygon(65% 65%,35% 65%,35% 65%,0 65%,0 35%,35% 35%,35% 35%,65% 35%,65% 35%,100% 35%,100% 65%,65% 65%);clip-path:polygon(65% 65%,35% 65%,35% 65%,0 65%,0 35%,35% 35%,35% 35%,65% 35%,65% 35%,100% 35%,100% 65%,65% 65%)}.mainAcc .contentArea{overflow:hidden;text-align:left;transition:.5s}.mainAcc .accShow{max-height:300px;padding:5 0}.mainAcc .acchide{max-height:0;padding:0}.mainDd{border:2px solid #eea9a9;border-radius:20px;padding:10px 20px;position:relative;z-index:1}.mainDd .nowSelect{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.mainDd .nowSelect .drop{background-color:#eea9a9;-webkit-clip-path:polygon(50% 75%,0 25%,100% 25%);clip-path:polygon(50% 75%,0 25%,100% 25%);height:20px;width:20px}.mainDd .dropData{border:2px solid #eea9a9;border-radius:0 0 10px 10px;border-top:none;left:-2px;margin:10px 10px 0 0;max-height:500px;overflow-y:hidden;padding:20px 0 0;position:absolute;top:20px;transition:all .5s;width:100%;z-index:1}.mainDd .dropData .selection{background-color:#fff;transition:all .3s}.mainDd .dropData .selection:hover{background-color:#fdb8b8}.mainDd .hideData{border-width:0;left:15%;margin:0 0 0 -22px;max-height:0;padding:0;top:42px;width:80%}.mainDd .mask{background-color:transparent;height:300vh;left:-100vw;position:absolute;top:-100vh;width:300vw;z-index:0}.demoAll{height:150vh}.democa{align-items:center;display:flex}.democa .demoacc{margin:0 10px 0 0;width:300px}.demo{display:flex}.demo .calendar{display:inline-block;width:80%}.demo .journey{display:inline-block;padding:10px;width:calc(20% - 30px)}.loginAccount{background-color:rgba(0,0,0,.2);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.loginAccount .loginCenterBar{background-color:#fff;border-radius:20px;display:flex;height:30vh;left:32vw;padding:50px;position:absolute;top:25vh;width:36vw}.loginAccount .loginCenterBar .logblock{display:flex;flex-direction:column;padding:50px 0 0}.loginAccount .loginCenterBar .logblock .loginBtn{margin:5vh 0 0}.loginAccount .loginCenterBar .cusblock{align-content:center;display:flex;flex-direction:column;justify-content:flex-end;width:50%}.topbar{align-items:center;background-color:#d3d3d3;display:flex;height:40px;justify-content:flex-end;padding:0 50px 0 0}.topbar .userIcon{background-color:gray;border-radius:50%;height:30px;width:30px}.topbar .version{color:#d3d3d3;margin:0 30px}
/*# sourceMappingURL=main.f7171e08.css.map*/