@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";*{font-family:Plus Jakarta Sans,sans-serif;padding:0;margin:0;box-sizing:border-box}:root{--bg-res: rgb(24, 19, 36);--text-color: rgb(160, 160, 223)}.textSize{font-size:13px}body{background-color:#e3f3fd;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.main{height:75vh;width:75vw;background-color:#fefeff;border-radius:14px;display:flex}.form{width:50%;padding:2rem}.form .heading{display:flex;justify-content:space-between;margin-bottom:1rem}.form .heading span{text-decoration:underline;color:#636363;cursor:pointer}input{height:2rem;padding:4px 10px 4px 4px;border:none;outline:1px solid gold;cursor:pointer}.noOutline{outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.inputAmount{display:flex;margin-top:5px;position:relative}.inputAmount .euro{font-size:20px;padding:5px 8px;border-radius:6px 0 0 6px;border-left:none;margin-top:-2px}.notERR{background-color:gold}.mortgage-flex{margin-top:1rem}.mortgage-flex{display:flex;justify-content:space-between;margin:2rem 0}.mortgage-flex input{width:12rem;padding:2px 0 2px 10px;margin-top:4px}.interest-rate{position:relative;right:8rem}.term-flex,.rate-flex{display:flex;align-items:center;position:relative}.term-flex .year{position:relative;right:3rem;padding:6px;margin-top:2.4px}.rate-flex span{position:relative;right:1.6rem;padding:6px;margin-top:2px}.mortgage-type{margin-top:1rem}.option{display:flex;align-items:center;padding:3px;border:1px solid gold;margin:10px 0;gap:1rem;padding-left:1rem;background-color:#fff;width:14rem}.btn{height:2.8rem;display:flex;justify-content:center;align-items:center;border:none;outline:none;padding:5px;border-radius:19px;background-color:gold;width:15rem;font-weight:600;gap:.6rem;cursor:pointer}.emptyResult{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:13px;text-align:center;background-color:var(--bg-res);color:var(--text-color)}.emptyResult h3{margin:1rem 0}.emptyResult img{width:8rem}.rateErr{position:absolute;top:39px;left:20px}.termErr{position:absolute;left:20px;top:39px}.amountErr{position:absolute;left:20px;top:35px}.error{padding:2px 14px;color:#e86a6a;background-color:#fdf7f7;border-radius:30px;max-height:1.8rem}.result{width:50%;background-color:var(--bg-res);color:var(--text-color);padding:2rem;border-radius:0 18px 18px 70px;font-size:13px}.result h2{margin:5px 0 16px;color:#fff}.resVal{padding:2rem;background-color:#040404;height:60%;width:70%;margin-left:3rem;margin-top:2rem;border-top:3px solid goldenrod;border-radius:8px}hr{color:var(--text-color);margin:14px 0 15px}.resVal>div span{margin-top:2rem}.val,.totalVal{color:#daa520;font-size:2rem;font-weight:600;margin-top:1rem}.totalVal{color:#e6e3e3}.total{margin:1rem 0 2rem}.allError{background-color:red;color:#fff}@media screen and (max-width : 1024px){body{margin:0;padding:0}.main{flex-direction:column;margin:0;margin-top:-7rem;width:100%}.form{width:100%;padding:0;margin:0;padding:1rem}.form .heading{flex-direction:column;gap:1rem}.result{width:100%;padding:1rem;margin:0;border-radius:0}.mortgage-flex{flex-direction:column}.resVal{width:90%;margin:2rem 0 1rem}.totalVal{font-size:1.5rem}}@media screen and (max-width : 1290px){.mortgage-flex{flex-direction:column}}