.LoanInputs{background-color:#fff;margin:1rem 2rem 1rem 0;width:300px}@media only screen and (max-width:1000px){.LoanInputs{margin:1rem auto;width:100%}}@media only screen and (max-width:350px){.LoanInputs{width:90%}}.DonutChart__tableData{align-items:center;display:flex;justify-content:center;position:relative}.DonutChart__overlay{height:200;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200}.DonutChart__overlay__title{font-size:.8rem;margin:0;text-align:center}.DonutChart__overlay__payment{font-size:2rem;font-weight:700;margin-top:0;text-align:center}@media only screen and (max-width:500px){.DonutChart{width:100%}}@media only screen and (max-width:385px){.DonutChart__overlay{left:52%;-webkit-transform:translate(-52%,-50%);transform:translate(-52%,-50%)}}.DonutChartLegend{margin:1rem;padding:1rem;width:100%}.DonutChartLegend__container{align-items:center;display:flex;justify-content:space-between}.DonutChartLegend__amount,.DonutChartLegend__label{margin:1rem 0}.color__codes{left:23px;position:relative}.color__codes:before{border-radius:50%;content:"";height:16px;left:-23px;position:absolute;top:3px;width:16px}.color__codes.principal:before{background-color:#00bfff}.color__codes.propertyTax:before{background-color:#87cefa}.color__codes.homeownersInsurance:before{background-color:skyblue}.color__codes.PMI:before{background-color:#b0e0e6}.color__codes.HOAFees:before{background-color:#afeeee}@media only screen and (max-width:425px){.DonutChartLegend{padding:1rem 0 0}}@media only screen and (max-width:375px){.DonutChartLegend__container{align-items:flex-start;flex-direction:column}.DonutChartLegend__amount,.DonutChartLegend__label{margin:.25rem 1rem}.DonutChartLegend__amount{margin-left:2.3rem}}.MonthlyPayment{align-items:center;display:flex;text-align:left}.MonthlyPayment__title{margin:1rem}@media only screen and (max-width:1200px){.MonthlyPayment{flex-direction:column}}@media only screen and (max-width:1000px){.MonthlyPayment__title{text-align:center}}.AmortizationTable{min-height:500;width:100%}.AmortizationTable__content,.AmortizationTable__title{margin:1rem 0}.LineChartLegend{width:20%}.LineChartLegend__label{left:23px;margin:1rem 0;position:relative}.LineChartLegend__label:before{border-radius:50%;content:"";height:16px;left:-23px;position:absolute;top:3px;width:16px}.LineChartLegend__label.principal:before{background-color:#afeeee}.LineChartLegend__label.interest:before{background-color:#00bfff}.LineChartLegend__label.balance:before{background-color:#4682b4}@media only screen and (max-width:1200px){.LineChartLegend{width:100%}.LineChartLegend__label{left:0;text-align:center}.LineChartLegend__label:before{left:40%}}@media only screen and (max-width:1100px){.LineChartLegend__label:before{left:39%}}@media only screen and (max-width:1000px){.LineChartLegend__label:before{left:42%}}@media only screen and (max-width:750px){.LineChartLegend__label:before{left:40%}}@media only screen and (max-width:600px){.LineChartLegend__label:before{left:38%}}@media only screen and (max-width:500px){.LineChartLegend__label:before{left:35%}}@media only screen and (max-width:425px){.LineChartLegend__label:before{left:32%}}@media only screen and (max-width:375px){.LineChartLegend__label:before{left:28%}}@media only screen and (max-width:300px){.LineChartLegend__label:before{left:25%}}@media only screen and (max-width:260px){.LineChartLegend__label:before{left:22%}}@media only screen and (max-width:230px){.LineChartLegend__label:before{left:19%}}.AmortizationSchedule__content,.AmortizationSchedule__title{margin:1rem 0}.AmortizationSchedule__loanTotals{align-items:center;display:flex;justify-content:space-evenly;padding-top:.5rem}.AmortizationSchedule__container{margin:1rem 0}.AmortizationSchedule__label{color:gray;font-size:.75rem;margin-bottom:0;text-align:center}.AmortizationSchedule__amount{font-size:1.75rem;font-weight:700;margin-top:0;position:relative}.AmortizationSchedule__sign{font-size:1rem;font-weight:700}.AmortizationSchedule__date{font-size:1.75rem;font-weight:700;margin-top:0}.AmortizationSchedule__LineChart__container{align-items:center;display:flex;width:100%}.AmortizationSchedule__LineChart{width:100%}@media only screen and (max-width:1250px){.AmortizationSchedule__LineChart{width:80%}}@media only screen and (max-width:1200px){.AmortizationSchedule__loanTotals{flex-wrap:wrap}.AmortizationSchedule__container{width:50%}.AmortizationSchedule__amount,.AmortizationSchedule__date{text-align:center}.AmortizationSchedule__LineChart__container{flex-direction:column}.AmortizationSchedule__LineChart{width:100%}.AmortizationSchedule__divider{display:none}}@media only screen and (max-width:1000px) and (min-width:701px){.AmortizationSchedule__container{width:auto}}@media only screen and (max-width:450px){.AmortizationSchedule__loanTotals{flex-direction:column}.AmortizationSchedule__container{margin:.5rem 0;width:100%}}.EmailForm{background-color:rgba(135,206,235,.15);border-radius:4px;margin-top:1.5rem;padding:.5rem 0}.EmailForm__header{margin:.5rem 1rem}.EmailForm__container{align-items:center;display:flex}@media only screen and (max-width:1200px) and (min-width:1001px){.EmailForm__header{margin:1rem;text-align:center}.EmailForm__container{flex-direction:column}}@media only screen and (max-width:700px){.EmailForm__header{margin:1rem;text-align:center}.EmailForm__container{flex-direction:column}}*,:after,:before{border:0;box-sizing:border-box;margin:0;padding:0}html{font-family:Arial,Helvetica,sans-serif;font-size:16px}body{font-size:1rem}.App{padding:2rem 0;width:100%}.App__title{margin:1rem;text-align:center}.App__mainContainer{display:flex;justify-content:center;margin:auto;max-width:1500px;width:70%}.App__container{width:1000px}@media only screen and (max-width:1800px){.App__mainContainer{width:90%}}@media only screen and (max-width:1500px){.App__mainContainer{width:95%}.App__container{width:75%}}@media only screen and (max-width:1200px){.App__mainContainer{width:100%}.App__container{width:50%}}@media only screen and (max-width:1000px){.App{padding:1rem}.App__mainContainer{flex-direction:column}.App__container{width:100%}}@media only screen and (max-width:350px){.App{padding:1rem 0 0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.f1d2e9d3.css.map*/