:root{--box-shadow:0 2px 8px #230202b3,0 4px 6px #0003;--main-bg-gradient:linear-gradient(135deg,#98abb0,#d0d8dd)}*{box-sizing:border-box}body{align-items:center;background-color:#98abb04b;display:flex;font-family:Lato,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0}#background-image{animation:moveBackground 20s linear infinite;background:url(/static/media/background_img.5efbe899c93c71fb0aeb.png) no-repeat 50% fixed;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@keyframes moveBackground{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.main{background-color:#fffc;border-radius:5px;box-shadow:0 1px 3px rgba(35,2,2,.731),0 1px 2px #0000003d;color:#414141;padding:20px;width:470px;z-index:1}.header{padding-top:10px;text-align:center}h1{letter-spacing:1px;margin:0}h3{border-bottom:1px solid #e3dddd;font-size:18px;font-weight:500;margin:40px 0 10px;padding-bottom:10px}h4{margin:0;text-transform:uppercase}.inc-exp-container{background-color:#09a2a21a;border-radius:8px;box-shadow:0 2px 8px #230202b3,0 4px 6px #0003;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;transition:color .3s ease}.money.plus{color:#2ecc71}.money.minus{color:#c0392b}label{display:inline-block;margin:10px 0}input[type=number],input[type=text]{border:1px solid #dedede;border-radius:4px;display:block;font-size:16px;padding:10px;transition:border-color .3s ease;width:100%}input[type=number]:focus,input[type=text]:focus{border-color:#2ecc71}.btn{background-color:#2ecc71;border:0;border-radius:4px;box-shadow:0 2px 8px #230202b3,0 4px 6px #0003;box-shadow:var(--box-shadow);color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;margin:10px 0 30px;padding:12px;transition:background-color .3s ease,transform .3s ease;width:100%}.btn:hover{background-color:#27ae60;transform:translateY(-2px)}.btn:focus,.delete-btn:focus{outline:0}.list{list-style-type:none;margin-bottom:40px;padding:0}.list li{background-color:#f9f9f9;border-radius:4px;box-shadow:0 2px 8px #230202b3,0 4px 6px #0003;box-shadow:var(--box-shadow);color:#000;display:flex;justify-content:space-between;margin:10px 0;padding:10px;position:relative;transition:background-color .3s ease}.list li.plus{border-right:5px solid #2ecc71}.list li.minus{border-right:5px solid #c0392b}.list li:hover{background-color:#f1f1f1}.delete-btn{background-color:#e74c3c;border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;left:0;line-height:20px;opacity:0;padding:2px 5px;position:absolute;text-shadow:1px 1px 2px #000;top:50%;transform:translate(-100%,-50%);transition:opacity .3s ease,background-color .3s ease}.list li:hover .delete-btn{opacity:1}.delete-btn:hover{background-color:#c0392b}@media (max-width:320px){.main{padding:15px;width:100%}.inc-exp-container{flex-direction:column}.inc-exp-container>div{margin-bottom:10px}}@media (max-width:768px){.main{padding:15px;width:95%}h3{font-size:16px}.money{font-size:18px}}@media (max-width:480px){.main{padding:15px;width:100%}.inc-exp-container{flex-direction:column;text-align:center}.inc-exp-container>div:first-of-type{border-bottom:1px solid #dedede;border-right:none;margin-bottom:10px}.money{font-size:16px}.btn,h3{font-size:14px}.btn{padding:8px}}
/*# sourceMappingURL=main.76dafa71.css.map*/