@font-face{font-family:PlusJarkataSans;src:url(/Mortgage-repayment-calculator/static/media/PlusJakartaSans-VariableFont_wght.91a892b057d3b1e6c20b.ttf)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PlusJarkataSans,Times New Roman,Times,serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:PlusJakartaSans;src:url(/Mortgage-repayment-calculator/static/media/PlusJakartaSans-VariableFont_wght.91a892b057d3b1e6c20b.ttf)}*{box-sizing:border-box;font-family:PlusJakartaSans;margin:0;padding:0}body{align-items:center;background-color:#e3f3fd;display:flex;height:100vh;justify-content:center;position:relative;width:100vw}p{color:#9abed5;font-size:16px}header{display:flex;justify-content:space-Around;margin-top:25px;width:100%}h2{color:#122f3f}h2,h3{font-weight:700}h3{color:#fff;font-size:larger}.App{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:80vw}.container{background-color:#fff;border-radius:15px;box-shadow:0 0 20px;display:grid;grid-template-columns:50% 50%;grid-template-rows:auto;height:100%;width:100%}.left{justify-content:space-between}.left,.right{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.right{background-color:#122f3f;border-radius:0 15px 15px 90px;justify-content:center;text-align:center}aside{justify-content:center}aside,main{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}main{justify-content:flex-end}form{display:flex;flex-direction:column;height:95%;justify-content:space-evenly;margin:30px 0 10px;width:85%}input[type=text]{border:none;color:#122f3f;font-size:17px;font-weight:700;margin:0 10px;outline:none;width:90%}form label{color:#6b94a8;font-weight:500}.amountlogo{border-radius:5px 0 0 5px}.interestlogo,.termlogo{border-radius:0 5px 5px 0}b{background-color:#e3f3fd;color:#4e6e7e;font-weight:500;padding:10px}form .input{border:1px solid #9abed5;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:4px;margin-top:7px;position:relative;width:100%}form .input:hover{border-color:#122f3f;transition:.5s}form .input:focus-within{border-color:#d7da2f;transition:.5s}form .input:focus-within b{background-color:#d7da2f;transition:.5s}main .termNinterest{align-items:center;display:flex;justify-content:space-between}.termNrate{width:47%}#morgageType{align-items:space-between;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:space-around;margin-top:7px;width:100%}#morgageType div{align-items:center;border:1px solid #6b94a8;border-radius:7px;display:flex;justify-content:space-between;margin:5px 0;position:relative}#morgageType div:hover{border:1.5px solid #d7da2f;transition:.4s}input[type=radio]{accent-color:#d7da2f;cursor:pointer;margin-right:15px;opacity:100%;position:absolute;transform:scale(1.5);width:0}label[for=interestOnly],label[for=repayment]{align-items:center;color:#122f3f;cursor:pointer;display:flex;font-weight:700;padding:12px;position:relative;width:100%}input+label:before{background-color:#fff;border:1px solid #9abed5;border-radius:50%;content:"";height:16px;margin-right:20px;width:16px}input:checked+label:before{background-color:#d7da2f;border:4px solid #f8f9f4ae;height:10px;outline:2px solid #d7da2f;width:10px}input:checked+label{background-color:#d7da2f25;border-radius:5px}input:focus+label{border-radius:5px;outline:2px solid #d7da2f}#morgageType .interestOnly:has(input[type=radio]:checked),#morgageType .repayment:has(input[type=radio]:checked){border-color:#d7da2f}.clear{background-color:#fff;border:none;color:#4e6e7e;cursor:pointer;font-weight:500;outline:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.clear:hover{color:#122f3f;-webkit-text-decoration:underline 1.5px solid #122f3f;text-decoration:underline 1.5px solid #122f3f;transition:.3s}@keyframes myslide{0%{text-decoration:none}to{text-decoration:underline}}.clear:focus{animation:myslide 1s infinite;color:#122f3f;-webkit-text-decoration:underline 2px solid #122f3f;text-decoration:underline 2px solid #122f3f;transition:.3s}.repay{align-items:center;background-color:#d7da2f;border:none;border-radius:30px;color:#122f3f;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:space-around;margin:10px 0;padding:13px 30px;width:-webkit-fit-content;width:fit-content}.repay:focus,.repay:hover{background-color:#d7da2f89;transition:.3s}.repay:focus{outline:2px solid #bfc20f}.result{height:80%;margin-bottom:50px;width:80%}.answer{display:flex;flex-direction:column;height:100%;justify-content:space-around;text-align:left;width:100%}.context{height:auto}.context p{margin-top:10px}.calculatedresult{background-color:#0e2430;border-radius:10px;border-top:5px solid #d7da2f;display:flex;flex-direction:column;height:auto;margin-top:20px}.calculatedresult label{color:#6b94a8;margin:8px 0 0}.calculatedresult input{background:none;border:none;margin:10px 0 2px;outline:none}input#monthlyPay{color:#d7da2f;font-size:30px}div.hr{align-self:center;border-top:.1px solid #6b94a8;outline:none;width:85%}input#totalPay{color:#fff;font-size:20px}.monthly,.total{align-items:flex-start;flex-direction:column;margin:20px 25px 25px}.awaitresult,.monthly,.total{display:flex;justify-content:center}.awaitresult{align-items:center;height:100%;width:100%}.awaitresult h3{color:#fff;margin-bottom:15px}.emptyResult{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:center;margin-top:30px;width:92%}.emptyResult img{height:150px;width:300px}footer .attribution{bottom:0;font-size:12px;margin-bottom:10px;position:absolute;text-align:center;transform:translateX(-50%)}.attribution a{color:#3e52a3}form .borderError{border:1px solid #d73328;transition:1s}form .paragraphError{color:red;margin-bottom:16px}form .backgroundError{background-color:red;color:#fff}.none{visibility:hidden}.margin{margin-top:20px}@media only screen and (max-width:500px){body{box-sizing:border-box}.App,body{height:auto;width:100vw}.container{border-radius:0;box-shadow:none;grid-template-columns:auto;grid-template-rows:auto auto;height:100%;width:100%}header{width:85%}header,main .termNinterest{align-items:flex-start;flex-direction:column}main .termNinterest{display:flex}.termNrate{width:100%}.margin{margin-top:0}.clear{margin-top:10px}.right{border-radius:0;padding:20px 0;width:100%}.result{width:90%}.right,left{margin:0}footer .attribution{margin-top:10px;position:static;transform:translateX(0)}}@media only screen and (min-width:501px) and (max-width:799px){.App{width:85vw}.container{font-size:small}body{max-height:auto}header{width:90%}footer .attribution{margin-top:10px;position:static;transform:translateX(0)}}@media only screen and (min-width:1200px){.container{width:80%}}@media only screen and (min-width:1400px){.container{width:1000px}}@media screen and (max-height:500px){body{height:auto}.App{margin-top:30px}footer .attribution{margin-top:10px;position:static;transform:translateX(0)}}
/*# sourceMappingURL=main.fa15f14e.css.map*/