@import url(https://fonts.googleapis.com/css?family=Lato&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero{align-items:center;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-family:Montserrat,sans-serif;height:100vh;justify-content:center}.hero__title{color:#fff;font-size:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.cube{animation:cube 12s ease-in infinite forwards;border:1px solid #043aa66e;height:10px;left:45vw;position:absolute;top:80vh;transform:scale(0) rotate(0deg) translate(-50%,-50%);transform-origin:top left;width:10px}.cube:nth-child(2n){border-color:#0051f455}.cube:nth-child(2){animation-delay:2s;left:25vw;top:40vh}.cube:nth-child(3){animation-delay:4s;left:75vw;top:50vh}.cube:nth-child(4){animation-delay:6s;left:90vw;top:10vh}.cube:nth-child(5){animation-delay:8s;left:10vw;top:85vh}.cube:nth-child(6){animation-delay:10s;left:50vw;top:10vh}@keyframes cube{0%{opacity:1;transform:scale(0) rotate(0deg) translate(-50%,-50%)}to{opacity:0;transform:scale(20) rotate(960deg) translate(-50%,-50%)}}:root{--box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}*{box-sizing:border-box}body{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;font-family:Lato,sans-serif;justify-content:center;margin:0;min-height:100vh}.container{margin:30px auto;width:350px}h1{letter-spacing:1px;margin:0}h3{border-bottom:1px solid #bbb;margin:40px 0 10px;padding-bottom:10px}span{color:#f8301a}h4{margin:0;text-transform:uppercase}.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:#04a848}.money.minus{color:#df3724}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:#823dbe;border:0;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--box-shadow);color:#fff;cursor:pointer;margin:10px 0 30px}.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 #2ecc71}.list li.minus{border-right:5px solid #c0392b}.delete-btn{background-color:#dd3725;border:0;border-radius:10px;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}@media (max-width:320px){.container{width:300px}}
/*# sourceMappingURL=main.50bb0d59.css.map*/