@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap);@import url(https://fonts.googleapis.com/css2?family=Combo&family=Ms+Madi&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dosis&display=swap);*{box-sizing:border-box}body::-webkit-scrollbar{width:0}html{font-family:Noto Sans JP,sans-serif}body{background-color:#3f3f3f;margin:0;padding:0}#root,body{align-items:center;display:flex;height:100%;justify-content:center;position:relative}#root{flex-direction:column;width:100%}.Card{background-color:#303030;min-height:100%;width:90%}input{all:unset}.form-tag{position:relative}.form-div{align-self:center;height:200px;justify-content:center;width:100%}.form-div,.form-div form{align-items:center;display:flex;position:relative}.form-div form{flex-direction:row;height:80%;justify-content:space-around;width:80%}.form{align-items:flex-start;flex-direction:column;height:100%;justify-content:space-around}.form,.form div{display:flex;width:520px}.form div{align-self:flex-start;flex-direction:row;justify-content:flex-start}.form-input__amount,.form-input__date,.form-input__reason{background-color:#f0f8ff;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;box-shadow:0 0 5px rgba(0,0,0,.636);font-family:Combo,cursive;height:20px;margin:10px 30px;padding:10px}.form-input__date{padding-top:15px;width:120px}.form-input__reason{width:440px}.form-input__amount{width:250px}button{all:unset}.form-show-button,.form__button{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-family:Dosis,sans-serif;padding:10px 30px}.third{border-color:#6e34db;box-shadow:inset 0 0 40px 40px #5327a4,0 0 0 0 #5327a4;color:#fff;color:#000;transition:box-shadow .4s cubic-bezier(.7,.48,.01,1.11),color .4s cubic-bezier(.7,.48,.01,1.11);-webkit-transition:box-shadow .4s cubic-bezier(.7,.48,.01,1.11),color .4s cubic-bezier(.7,.48,.01,1.11);-moz-transition:box-shadow .4s cubic-bezier(.7,.48,.01,1.11),color .4s cubic-bezier(.7,.48,.01,1.11);-ms-transition:box-shadow .4s cubic-bezier(.7,.48,.01,1.11),color .4s cubic-bezier(.7,.48,.01,1.11);-o-transition:box-shadow .4s cubic-bezier(.7,.48,.01,1.11),color .4s cubic-bezier(.7,.48,.01,1.11)}.third:hover{box-shadow:inset 0 0 10px 0 #6e34db,0 0 10px 4px #6e34db;color:#fff}.form__buttons{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.filter-div{align-items:center;background-color:#151515;border-radius:0;display:flex;font-family:Dosis,sans-serif;height:3rem;justify-content:space-between;margin:8.3px 100px 0;padding:20px}.filter-div label{color:#f0f8ff;font-size:larger;text-transform:uppercase}.filter-div select{padding:5px 10px}.filter-div option{font-size:larger;padding:5px 10px}.Expense-div{align-items:center;background-color:#151515;box-shadow:0 0 15px rgba(26,26,26,.488);display:flex;font-family:Dosis,sans-serif;height:8rem;justify-content:space-between;margin:0 100px;padding:20px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out}.Expense-div__Date{color:#8c00f8;display:flex;flex-direction:column;font-size:larger}.Expense-div__Expense-Reason{color:#fff;font-size:larger}.Expense-div__Amount{align-items:center;background-color:#6c00ab;border-radius:7px;color:rgba(240,248,255,.562);display:flex;font-size:larger;padding:15px;position:relative;transition:color .2s ease-out}.Expense-div__Amount span:first-of-type{font-size:25px;position:absolute;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.Expense-div__Amount span:first-of-type .plis{color:#0f0}.Expense-div__Amount span:first-of-type .minus{color:red}.Expense-div:hover .Expense-div__Amount{color:rgba(240,248,255,.995)}.expense-date{align-items:center;background:#686868 url(/static/media/cal.da4cf83cad5652245b16.svg) 50%/100%;border:1px solid #ececec;border-radius:12px;color:#d7d7d7;display:flex;flex-direction:column;height:5.5rem;justify-content:center;width:5.5rem}.Expense-div:hover .expense-date{background:hsla(0,0%,61%,.831) url(/static/media/cal.da4cf83cad5652245b16.svg) 50%/100%;color:#fff}.expense-date__month{font-size:1rem;font-weight:700}.expense-date__year{font-size:.5rem}.expense-date__day{font-size:1.7rem;font-weight:700}.expense-chart{background-color:#3d0093;display:flex;justify-content:space-around;margin:0 100px;overflow:hidden;padding:20px 0;transition:.4s ease-out;-webkit-transition:.4s ease-out;-moz-transition:.4s ease-out;-ms-transition:.4s ease-out;-o-transition:.4s ease-out}.expense-bar{align-items:center;border:2px solid #bda5ff;border-radius:50px;height:100px;position:relative;width:10px}.expense-bar-inner{display:flex;flex-direction:column;height:100%;justify-content:flex-end;overflow:hidden;position:relative;width:100%}.expense-bar-inner__filled{background-color:#ff007b;border-radius:12px;transition:all .3s ease-out;width:100%}.expense-bar__label{font-family:Dosis,sans-serif;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0 0;padding:10px;text-align:center;transform:translateX(-45%);-webkit-transform:translateX(-45%);-moz-transform:translateX(-45%);-ms-transform:translateX(-45%);-o-transform:translateX(-45%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=main.af6d12ad.css.map*/