*{margin:0;padding:0}body{font-family:"Nunito",sans-serif;color:#893843}main{width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden}h1{font-weight:700;font-size:4rem;line-height:1}h2{font-size:1rem;font-weight:200}button,form #btn_add,form .form-group select,form .form-group #currency_input{border:none;outline:none;cursor:pointer;border-radius:10px;height:45px;width:341.9703934553px;font-weight:700;font-size:1rem;box-sizing:border-box}#particles{position:absolute;width:inherit;height:55%;background-color:rgba(137,56,67,.3764705882);background-blend-mode:multiply;background-size:cover;background-position-y:bottom;background-position-x:center;z-index:-2}header{color:#daf2e5;height:55%;display:flex;flex-direction:column;align-items:center;text-align:center}header #--code{margin-top:12vh;height:35px;width:35px;line-height:35px;vertical-align:middle;text-align:center;font-weight:700;box-sizing:border-box;border-radius:50%;border:2px solid #daf2e5}header h2{vertical-align:middle;display:inline;font-weight:700;font-size:1.5rem}header #--rel_date{position:relative;background-color:#fc6c85;color:#daf2e5;font-weight:700;padding:2px 10px;bottom:-2px;margin-left:10px}section.content{background:#d3d3d3;position:relative;height:45%;box-shadow:rgba(0,0,0,.25) 0px 14px 28px 10px,rgba(0,0,0,.22) 0px 10px 10px 10px;display:flex;flex-direction:column;align-items:center}section.content:before,section.content:after{position:absolute;content:"";width:450px;height:450px;top:-78.75px;background:inherit;border-radius:50%;z-index:1}section.content:before{box-shadow:inherit;z-index:-1}section.content>*{position:relative;z-index:2}#budget-today{position:relative;top:-26px;text-align:center;line-height:1}form{width:341.9703934553px}form .form-group{height:45px;display:flex;justify-content:space-between}form .form-group #currency_input{cursor:text;width:46%;display:flex;background:#fff;box-sizing:border-box}form .form-group #currency_input #num_amount{width:65%;color:#893843;font-weight:700;font-size:1.25rem;background:inherit;text-align:center;border-radius:inherit;border:none;outline:none}form .form-group #currency_input #num_amount::-webkit-outer-spin-button,form .form-group #currency_input #num_amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}form .form-group select{width:auto;background:#fff;color:#893843;font-size:1rem;font-weight:300;border-right:7.5px solid rgba(0,0,0,0)}form .form-group span{height:45px;line-height:45px;vertical-align:middle}form .form-group #sel_spendtype{width:46%;text-align:center}form #btn_add{margin-top:20px;color:#daf2e5;background-color:#fc6c85}form #btn_add:disabled{cursor:not-allowed;background:gray;opacity:.3}#btn_submit{margin:auto 0 20px 0;background-color:#6cfce3;color:#893843}