.container{display:flex;flex-direction:column;width:100%}input{border:1px solid rgba(0,0,0,.1);border-radius:3px;font-size:1em;padding:5px}header{background-image:linear-gradient(-135deg,#fc875d,#fc5a88)}h1{font-size:50px;padding-top:75px}.subh1,h1{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subh1{font-size:14px;font-weight:100;line-height:20px;margin:0;padding-bottom:75px}.subh1 a{color:#fff}.subh1 svg path{fill:#fff}h2{color:#fc7073;font-size:30px;font-weight:900}.field{margin-bottom:75px}.explainer{color:#bebebe;font-size:15px;font-style:normal;font-weight:200;margin-bottom:15px}.range-display{color:#fff;display:block;font-size:20px;line-height:40px;padding-left:10px;width:15%}.metric{align-items:center;background:#434343;display:flex;font-size:1.2em;font-weight:400;height:60px;padding-left:15px}input[type=text]{border:1px solid silver;border-radius:8px;box-shadow:0 1px 1px 0 rgba(0,0,0,.2);outline:none;padding:6px 12px;width:200px}input[type=text]:focus{border:1px solid #999;box-shadow:0 1px 1px 0 rgba(0,0,0,.5)}input[type=range]{width:140px}table,td,th{border-collapse:collapse}.sum,.sum td,.sum tr{background:transparent;border:none;padding:0 0 10px;width:100%}.sum tr:first-child td:first-child,.sum tr:nth-child(2) td:first-child{color:#fff;font-size:15px;font-weight:200}.sum tr:first-child td:nth-child(2),.sum tr:nth-child(2) td:nth-child(2){color:#f7f7f7;font-family:Circular Std;font-size:20px;font-weight:700;line-height:24px}.sum tr td:nth-child(2){text-align:right}.sum tr:nth-child(3) td{border-top:1px solid #9b9b9b;color:#fff;font-size:14px;font-weight:400;padding-top:15px}.sum tr:nth-child(2) td{border-top:.5px solid #9b9b9b;color:#fff;padding-top:15px}.sum tr:nth-child(3) td:nth-child(2){color:#f7f7f7;font-family:Circular Std;font-size:25px;font-weight:700;line-height:24px}#footer{color:#888;font-size:.8rem;font-weight:100;margin-top:120px;text-align:center}.page-center{margin:0 auto;max-width:1180px;padding:0 20px}