@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);.description{font-style:italic;font-size:17px}.Appdesc{margin-left:100px;margin-right:100px;margin-top:75px;font-size:20px;padding-bottom:50px}.Appdesc,.cards{text-align:center;font-style:italic}.cards{display:flex;justify-content:space-around;flex-wrap:wrap;font-size:18px}.card1{float:left}.card1,.card2{border:1px solid #000;width:200px;background:#020024;background:linear-gradient(90deg,#020024,#f3feff 0,#00d4ff);padding:15px;border-radius:30px;box-shadow:5px 10px 8px #888}.card2{float:center}.card3{float:right;border:1px solid #000;width:200px;padding:15px;border-radius:30px;box-shadow:5px 10px 8px #888}.card3,footer{background:#020024;background:linear-gradient(90deg,#020024,#f3feff 0,#00d4ff)}footer{position:fixed;left:0;bottom:0;width:100%;color:#000;text-align:center;border-top:2px solid #000;font-style:italic}@media (max-width:320px){.Appdesc{font-size:17px;min-width:80%;margin:10px 10px 10px 25px;float:center}}.projectLink2{text-decoration:none;float:right;padding:15px;font-size:20px;color:#000;font-style:italic;border-right:2px solid #000}.projectLink1:hover,.projectLink2:hover{color:green}.left{float:left;font-size:26px;font-style:italic;padding-top:10px;padding-left:10px}.projectLink1{text-decoration:none;float:right;padding:15px;font-size:20px;color:#000;font-style:italic}.navBar{color:#000;height:55px;background:#020024;background:linear-gradient(90deg,#020024,#f3feff 0,#00d4ff);border-bottom:2px solid #000;min-width:100%}.icon{float:left;color:green;font-size:45px;padding-top:10px;padding-left:10px;padding-right:5px}@media (max-width:420px){.left{font-size:17px}.projectLink1,.projectLink2{font-size:15px;padding:8px}.projectLink2{border-right:none}.icon{font-size:40px}}.appDesc{border-top:3px solid #000;padding-top:35px}.enter{font-size:15px;font-style:italic;padding-top:10px}.form{text-align:center}:root{--box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}*{box-sizing:border-box}body{margin:0;background:#020024;background:linear-gradient(90deg,#020024,#f3feff 0,#00d4ff);background-size:100%}.container{text-align:center;background-color:#e6e3e3;padding:15px 15px 80px;border:1px solid #000;margin:25px 300px 100px}h1{letter-spacing:1px;margin:0}h3{border-bottom:1px solid #bbb;padding-bottom:10px;margin:40px 0 10px}h4{margin:0;text-transform:uppercase}.inc-exp-container{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);padding:20px;display:flex;justify-content:space-between;margin:20px 0}.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:#17743e}.money.minus{color:#c0392b}label{display:inline-block;margin:10px 0}input[type=number],input[type=text]{border:1px solid #dedede;border-radius:2px;display:block;font-size:16px;padding:10px;width:100%}.btn{width:100%}.btn,.btn2{cursor:pointer;background-color:#3a792b;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);color:#fff;border:0;display:block;font-size:16px;margin:10px 0 30px;padding:10px}.btn2{width:50%;float:right}.btn3{cursor:pointer;background-color:#6d0303;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);color:#fff;border:0;display:block;font-size:16px;margin:10px 0 30px;padding:10px;width:50%;float:left}.btn:focus,.delete-btn:focus{outline:0}.list{list-style-type:none;padding:0;margin-bottom:40px}.list li{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--box-shadow);color:#333;display:flex;justify-content:space-between;position:relative;padding:10px;margin:10px 0}.list li.plus{border-right:5px solid #2ecc71}.list li.minus{border-right:5px solid #c0392b}.delete-btn{cursor:pointer;background-color:#e74c3c;border:0;color:#fff;font-size:20px;line-height:20px;padding:2px 5px;position:absolute;top:50%;left:0;transform:translate(-100%,-50%);opacity:0;transition:opacity .3s ease}.list li:hover .delete-btn{opacity:1}@media (max-width:420px){.container{max-width:100%;margin:0}footer{display:none}}@media only screen and (min-device-width:420px) and (max-device-width:1024px){.container{max-width:100%;margin:0}}
/*# sourceMappingURL=main.6be212b5.chunk.css.map */