body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{-webkit-appearance:none;background:#fff}.nav{top:0;position:fixed;padding-bottom:.5rem;-webkit-align-items:flex-end;align-items:flex-end;height:7.5em;color:#333;width:100%}.nav,.nav .dots{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.nav .dots{-webkit-align-items:center;align-items:center;width:27rem;margin-bottom:.3rem;margin-left:1.5rem}.nav .dots .dot{margin:0 .5rem;color:#ddd}.nav .dots .check{z-index:5;color:#00c3ff;margin:0 .5rem}.nav .dots .line{width:75px;background:#ddd;height:1px;margin:0 -.4rem}.nav .dots .ghost-line-1{position:absolute;background:#86f1d5;height:1.8px}.nav .steps{display:-webkit-flex;display:flex}.nav .steps .step{margin:0 .5rem;width:4rem;text-align:center}.loading{height:85vh;display:grid;place-items:center}.loading .spinner{font-size:2.6rem;color:#1deebd}.start{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%}.start h2{color:#a4bdbb;font-size:2em;text-align:center;padding:0 .5em}.start button{font-size:1.6rem;padding:.6rem 3.2rem;color:#fff;background:#9bdd9b;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.start button:focus{outline:none}.start button:hover{background:#86ad86;padding:.6rem 4.4rem;transition:all .3s ease}.next-btn,.start-over-btn{font-size:1.4rem;padding:.8rem;background:#9bdd9b;color:#fff;cursor:pointer;border-radius:4px;transition:all .2s ease;margin-top:2em;width:100%;text-align:center}.next-btn:hover,.start-over-btn:hover{transition:all .2s ease;background:#7db07d}.part-1{color:#333;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:space-between;justify-content:space-between;margin-top:1.6rem;width:100%}.part-1 h3{font-size:2.2em;color:#a4bdbb}.part-1 h4{color:#9bdd9b}.part-1 .name{border:none;border-bottom:1px solid #9d9d9d;padding:.2rem .6rem;font-size:1.6em;color:#9d9d9d}.part-1 .name:focus{outline:none}.part-1 .status{font-size:2rem;color:#9d9d9d}.part-1 .status input{height:1.6rem;width:1.8rem;padding:0;cursor:pointer}.message{position:fixed;bottom:6rem;width:8.2rem;border-radius:2px;padding:.5rem 1rem;background:#f06d56;color:#fff;right:-15rem}.status-choice{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.status-choice button{padding:.4rem 1.6rem .4rem 3.6rem;font-size:1.4rem;cursor:pointer;background:#fff;color:#333;border-radius:4px;transition:all .2s ease;border:2px solid #333}.status-choice .single{margin-left:1rem}.status-choice button:focus{outline:none}.status-choice button:hover{background:#b9f1b9;transition:all .2s ease}.status-choice .check{color:#9bdd9b;margin-left:.3rem}.part-2{color:#333;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;margin-top:1.6rem}.part-2 .income{margin-bottom:1.5rem}.part-2 input{border:none;border-bottom:1px solid #9d9d9d;padding:.2rem .6rem;font-size:1.6rem;color:#9d9d9d;width:50%}.part-2 input:focus{outline:none}.part-2 h2{font-size:1.2rem;color:#a4bdbb}.part-2 .add-somone{display:-webkit-flex;display:flex}.part-2 .add-somone .add-someone-y{font-size:1.6rem;color:#525252;padding:.4rem 1.2rem;border-radius:8px;cursor:pointer;transition:box-shadow .2s ease;color:#fff}.part-2 .add-somone .add-someone-y:hover{box-shadow:0 8px 6px -6px #393939;transition:box-shadow .2s ease}.part-2 .add-somone .add-someone-n{font-size:1.6rem;color:#525252;padding:.4rem 1.2rem;border-radius:8px;margin-left:2rem;cursor:pointer;transition:box-shadow .2s ease;color:#fff}.part-2 .add-somone .add-someone-n:hover{transition:box-shadow .2s ease;box-shadow:0 8px 6px -6px #393939}.part-2 .second-person{margin-top:2.5rem}.part-2 .second-person .second-person-info{display:-webkit-flex;display:flex}.part-2 .second-person .split{width:1px;height:2rem;background:#9d9d9d;margin:0 1rem}.part-3{color:#333;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;margin-top:1.6rem}.part-3 h2{font-size:1.6rem;color:#a4bdbb}.part-3 h3{font-size:1.4rem;color:#add8be}.part-3 .expenses{display:grid;grid-template-columns:1fr 1fr}.part-3 input,.part-3 label{font-size:1.2rem;color:#9d9d9d;width:50%}.part-3 input{border:none;border-bottom:1px solid #9d9d9d;padding:.4rem;margin:.5rem 0;transition:margin-left .2s ease}.part-3 input:focus{outline:none;margin-left:1rem;transition:margin-left .2s ease}.part-4{color:#333;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;margin-top:1.6rem}.part-4 h2{font-size:1.6rem;color:#a4bdbb}.part-4 .reference{background:rgba(81,120,106,.6);border-radius:6px;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;text-align:center;margin-bottom:2rem}.part-4 .reference .poor-color{background:linear-gradient(90deg,rgba(254,65,65,.7),rgba(255,159,75,.7));width:100%;height:1rem;margin-bottom:1rem;border-top-left-radius:6px;border-bottom-left-radius:6px}.part-4 .reference .fair-color{background:linear-gradient(90deg,rgba(255,159,75,.7),rgba(255,255,128,.7));width:100%;height:1rem;margin-bottom:1rem}.part-4 .reference .good-color{background:linear-gradient(90deg,rgba(255,255,128,.7),rgba(28,186,99,.7));width:100%;height:1rem;margin-bottom:1rem}.part-4 .reference .great-color{background:linear-gradient(90deg,rgba(28,186,99,.7),rgba(42,138,255,.7));width:100%;height:1rem;margin-bottom:1rem}.part-4 .reference .excellent-color{background:linear-gradient(90deg,rgba(42,138,255,.7),rgba(205,56,255,.7));width:100%;height:1rem;margin-bottom:1rem;border-top-right-radius:6px;border-bottom-right-radius:6px}.part-4 .reference p{padding:0 .4rem}.part-4 label{font-size:1.2rem;color:#86ad86;width:50%}.part-4 input{border:none;border-bottom:1px solid #9d9d9d;padding:.4rem;font-size:1.2rem;color:#9d9d9d;margin:.5rem 0;transition:margin-left .2s ease;width:50%}.part-4 input:focus{outline:none;margin-left:1rem;transition:margin-left .2s ease}.part-5{color:#333;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;margin-top:1.6rem}.part-5 h2{font-size:1.6rem;color:#a4bdbb}.part-5 input{border:none;border-bottom:1px solid #9d9d9d;padding:.4rem;font-size:1.8rem;color:#9d9d9d;margin:.5rem 0;transition:margin-left .2s ease;width:50%}.part-5 input:focus{outline:none;margin-left:1rem;transition:margin-left .2s ease}.part-5 label{font-size:1.2rem;color:#86ad86;width:50%}.results{width:100vw;margin-top:2.5em}.results h2{color:#9d9d9d;padding-bottom:1rem}.results-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.results-container .fifteen-year,.results-container .thirty-year{width:100%}.results-container .home-value,.results-container .int-rate,.results-container .monthly{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.results-container h3{color:#a4bdbb;width:50%;margin-left:3rem}.results-container h4{color:#add8be;width:50%;margin-left:3rem}@media (max-width:600px){.fa-home{display:none}}@media (max-width:576px){.nav{position:relative}.nav .progress{-webkit-transform:scale(.75)!important;transform:scale(.75)!important}.next-btn,.start-over-btn{max-width:245px!important;bottom:0;right:0;text-align:center}.part-1 .status-choice .married,.part-1 .status-choice .single{color:#86ad86;border-color:#86ad86;text-align:center;padding:.5rem 1rem}.ref-score:first-child{padding-left:2rem}.ref-score:nth-child(5){padding-right:2rem}.fifteen-head,.thirty-head{border-bottom:1px solid #a4bdbb;padding-bottom:.4rem}.home-value,.int-rate,.monthly{-webkit-justify-content:flex-start!important;justify-content:flex-start!important}.results-container{margin-left:15%}.App{margin-left:10%}.name{width:80%}.part-1,.part-2,.part-3,.part-4,.part-5{max-width:325px!important;padding:.5rem!important;max-height:500px}.part-1 h3,.part-2 h3,.part-3 h3,.part-4 h3,.part-5 h3{font-size:1.8em}.part-1 h4,.part-2 h4,.part-3 h4,.part-4 h4,.part-5 h4{font-size:1.6rem}.part-1 input,.part-2 input,.part-3 input,.part-4 input,.part-5 input{font-size:1.2rem!important}.ref-score p{height:2rem}}.App{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:0;height:100vh}.App,.main{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%}.main{position:relative}@media (min-width:576px){.part-1,.part-2,.part-3,.part-4,.part-5,.results{-webkit-transform:translateX(-2.25em);transform:translateX(-2.25em);overflow:hidden}}.part-1,.part-2,.part-3,.part-4,.part-5,.results{max-width:400px}.results h3{margin:0}.results-container{-webkit-flex-direction:column;flex-direction:column}.fifteen-year{margin-top:1.5em}.fifteen-head,.thirty-head{color:#577d75!important;font-size:1.6em}.start button{width:90%;max-width:400px}
/*# sourceMappingURL=main.fe8a99f7.chunk.css.map */