@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);:root{--box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}*{box-sizing:border-box}body{align-items:center;background-color:#f4e6e7;color:#4d4e4d;display:flex;flex-direction:column;font-family:open-sans,sans-serif;font-size:16px;font-style:normal;font-weight:200;justify-content:center;margin:30px,0;min-height:100vh}.container{margin:30px auto;width:400px}h1{margin:5px 30px;text-align:center}h1,h2{color:#343634;font-family:Bodoni Moda,serif;font-size:30px;font-style:normal;font-weight:300;letter-spacing:1px}h2{margin:0 80px}h3{border-bottom:1px solid #bbb;margin:40px 0 10px;padding-bottom:10px}h4{color:#343634;font-family:Bodoni Moda,serif;font-optical-sizing:auto;font-style:normal;margin:0;text-align:center}.inc-exp-container{background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--box-shadow);display:flex;justify-content:space-between;margin:20px 0;padding:20px}.inc-exp-container>div{flex:1 1;text-align:center}.inc-exp-container>div:first-of-type{border-right:1px solid #dedede}.money{font-size:20px;letter-spacing:1px;margin:5px 0}.money.plus{color:#a8c3a4}.money.minus{color:#c96a6a}label{display:inline-block;margin:10px 0}input[type=number],input[type=text]{border:1px solid #dedede;border-radius:2px}.btn,input[type=number],input[type=text]{display:block;font-size:16px;padding:10px;width:100%}.btn{background-color:#303030;border:0;border-radius:10px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--box-shadow);color:#fff;cursor:pointer;font-family:Bodoni Moda,serif;font-optical-sizing:auto;margin:10px 0 30px;transition:background-color .3s ease,transform .2s ease}.btn:hover{background-color:#505050;transform:scale(1.05)}.btn:focus,.delete-btn:focus{outline:0}.list{list-style-type:none;margin-bottom:40px;padding:0}.list li{background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--box-shadow);color:#333;display:flex;justify-content:space-between;margin:10px 0;padding:10px;position:relative}.list li.plus{border-right:5px solid #a8c3a4}.list li.minus{border-right:5px solid #c96a6a}.delete-btn{background-color:#c96a6a;border:0;color:#fff;cursor:pointer;font-size:20px;left:0;line-height:20px;opacity:0;padding:2px 5px;position:absolute;top:50%;transform:translate(-100%,-50%);transition:opacity .3s ease}.list li:hover .delete-btn{opacity:1}.app-wrapper{opacity:0;transform:translateY(-20px);transition:opacity 1s ease,transform 1s ease}.app-wrapper.fade-in{opacity:1;transform:translateY(0)}.portfolio-link{color:#343634;font-family:Bodoni Moda,serif;font-size:10px;left:-50px;position:fixed;text-decoration:none;top:20px;transition:color .3s ease}.portfolio-link:hover{color:#505050}.github-logo{animation:pulse 2s infinite;bottom:10px;height:20px;left:50%;position:left;transform:translateX(-50%);width:20px}.github-logo img{height:auto;width:100%}@keyframes pulse{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.1)}to{transform:translateX(-50%) scale(1)}}
/*# sourceMappingURL=main.b669ff16.css.map*/