@import"https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap";body{font-family:Lato,sans-serif}.App{width:60%;margin:3% auto 0;text-align:center;background-image:linear-gradient(130deg,#2196f3,#67d6cd);box-shadow:#2196f3ad 0 0 1rem 2px;border-radius:10px;padding-bottom:5%}.header{padding:2% 0;font-size:19px;color:#fff}.header h2{text-transform:uppercase;font-weight:800}.form-add-money input[type=number]{font-size:inherit;padding:7px 17px;border:0px;border-radius:5px;outline:none}.form-add-money input[type=submit]{display:block;margin:21px auto 0;font-size:inherit;padding:8px 7px;width:230px;border:0px;border-radius:5px;cursor:pointer;background-color:#060708;color:#fff}.form-add-money p{color:#fff;font-weight:500}p.error{color:#fff;background-color:#d52121;display:inline-block;padding:1px 18px 4px;border-radius:7px;font-weight:400;display:block}.main-form{display:flex;justify-content:center;gap:40px;margin-bottom:6%}.balance{text-align:left;background-color:#fafafaad;border-radius:13px 47px;padding:12px 15px;display:grid;place-content:center}.add-subscription form p{font-weight:400;color:#fff;margin-bottom:4px}.add-subscription h3{margin-top:0}.add-subscription form select{font-size:inherit;padding:7px;border:0px;border-radius:5px;width:200px;text-align:center;outline:none}.add-subscription input[type=number]{font-size:inherit;padding:8px 9px;width:177px;border:0px;outline:none;border-radius:4px}.add-subscription input[type=submit]{display:block;margin:21px auto 0;font-size:inherit;padding:8px 7px;width:196px;border:0px;border-radius:5px;cursor:pointer;background-color:#060708;color:#fff;transition-duration:.7s;font-weight:600}.add-subscription input[type=submit]:hover{background-color:#fff;color:#060708}.single-item{display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:10px;height:110px;margin:2% 4%}.single-item a{text-decoration:none;font-weight:600;background-color:#7fffd4;padding:5px 11px 8px;border-radius:5px;color:#000}.single-item a.delete:hover{background-color:#ff020282}.single-item a.edit:hover{background-color:#2499f18c}.single-item img{width:155px;height:auto}p.author{display:flex;justify-content:center;margin-top:3%;gap:7px;color:#000}p.author a{text-decoration:none;font-weight:700;color:#000}
