@import"https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--dark-bg:#181e24;--foreground:#1d252c;--light:#28313a;--mid:#232b33;--text:#e8e8e8;--math-font:"Crimson Text";--font:"Poppins"}body,html{margin:0;height:100%}html{background-color:var(--dark-bg)}.container{display:flex;flex-flow:column;min-height:100vh}.header{background-color:var(--dark-bg);flex:0 1 auto;color:var(--text);padding:15px 15px 40px;border-bottom:1px solid var(--mid);display:flex;flex-direction:row;position:relative}.header-logo{font-family:var(--font),sans-serif!important;font-size:40px;font-weight:400!important;display:block;position:absolute}.header-logo:after{content:"Brought to you by Ethan Shealey";font-weight:200;font-size:12px;position:relative;left:0;left:-206px;top:15px;font-style:italic;opacity:40%}.header-menu{margin-left:auto;margin-top:20px}.header-menu button{background-color:var(--mid)!important;border-color:var(--mid)!important;color:var(--text)!important}.ant-dropdown-menu{background-color:var(--light)!important}.ant-dropdown-menu .ant-dropdown-menu-item{color:var(--text)!important}#footer{flex:0 1 auto;border-top:2px solid var(--mid);height:50px;color:var(--text);font-family:var(--font);font-weight:200}#footer,.calc-wrapper{display:flex;justify-content:center;align-items:center}.calc-wrapper{flex:1 1 auto}.calc-wrapper .calc{width:50vw;border:2px solid var(--mid);border-radius:5px;height:800px;display:flex;flex-direction:column;overflow:hidden}.calc-wrapper .calc .calc-top{max-height:400px;height:400px}.calc-wrapper .calc .basic-calc-history{overflow:scroll;overflow-x:hidden;height:90%;display:flex;flex-direction:column-reverse}.calc-wrapper .calc .basic-calc-history .history-item{border-top:2px solid var(--mid);display:flex;flex-direction:row;padding:5px;cursor:pointer}.calc-wrapper .calc .basic-calc-history .history-item .history-item-equation{height:70%;width:70%;background-color:transparent;border:none;outline:none!important;color:var(--text);font-family:var(--math-font);font-size:21px;font-style:italic}.calc-wrapper .calc .basic-calc-history .history-item .history-item-answer{height:100%;width:50%;display:flex;justify-content:right;align-items:center;color:var(--text);font-family:var(--math-font);font-size:21px;transition:1s}.calc-wrapper .calc .basic-calc-input{border-top:2px solid var(--mid);height:8%;padding:5px;display:flex;flex-direction:row;overflow:hidden;justify-content:center;align-items:center;overflow:visible}.calc-wrapper .calc .basic-calc-input input{height:70%;width:70%;background-color:transparent;border:none;outline:none!important;color:var(--text);font-family:var(--math-font);font-size:21px;font-style:italic}.calc-wrapper .calc .basic-calc-input .basic-calc-answer{height:70%;width:50%;display:flex;justify-content:right;align-items:center;color:var(--text);font-family:var(--math-font);font-size:21px;transition:.5s}.calc-wrapper .calc .basic-calc-input #calc-ans{opacity:0;transition:1s}.calc-wrapper .calc .basic-calc-keyboard{background-color:var(--mid);height:400px;display:flex;flex-direction:row;padding:10px;justify-content:center;align-items:center}.calc-wrapper .calc .basic-calc-keyboard div{display:flex;flex-direction:row}.calc-wrapper .calc .basic-calc-keyboard div #numbers{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.calc-wrapper .calc .basic-calc-keyboard div #numbers [id$=-number-row] button{width:70px;height:70px;margin:2.5px;background-color:var(--foreground)!important;border-color:var(--foreground)!important;color:var(--text)!important}.calc-wrapper .calc .basic-calc-keyboard div #numbers #zero{width:145px}.calc-wrapper .calc .basic-calc-keyboard div #sidebar #first-sidebar{display:flex;flex-direction:column;border-right:2px solid var(--foreground);padding-right:5px}.calc-wrapper .calc .basic-calc-keyboard div #sidebar #first-sidebar button{width:70px;height:70px;margin:2.5px;background-color:var(--foreground)!important;border-color:var(--foreground)!important;color:var(--text)!important}.calc-wrapper .calc .basic-calc-keyboard div #sidebar #first-sidebar #equal,.calc-wrapper .calc .basic-calc-keyboard div #sidebar #first-sidebar #plus{height:145px}.calc-wrapper .calc .basic-calc-keyboard div #sidebar #second-sidebar{display:flex;flex-direction:column;padding-left:5px}.calc-wrapper .calc .basic-calc-keyboard div #sidebar #second-sidebar button{width:70px;height:70px;margin:2.5px;background-color:var(--foreground)!important;border-color:var(--foreground)!important;color:var(--text)!important}@media only screen and (max-width:900px){.calc{width:100vw!important}}#interest-wrapper{display:flex;justify-content:center;align-items:center;padding:100px}#interest-wrapper #interest{width:50vw;height:800px;border:5px solid var(--foreground);border-radius:5px;display:flex;flex-direction:row}#interest-wrapper #interest #interest-input-panel{height:100%;width:50%;background-color:var(--foreground);display:flex;flex-direction:column;justify-content:center;align-items:center}#interest-wrapper #interest #interest-input-panel h2{color:var(--text);font-family:var(--font);font-weight:200;font-size:15px;margin-left:0;margin-bottom:-10px;width:85%}#interest-wrapper #interest #interest-input-panel .interest-input-dollar{margin:10px 10px 10px -5px;width:85%}#interest-wrapper #interest #interest-input-panel .interest-input-dollar input{border-left-color:var(--mid)!important}#interest-wrapper #interest #interest-input-panel .interest-input-apy{margin:10px 10px 10px -5px;width:85%}#interest-wrapper #interest #interest-input-panel .interest-input-apy input{border-right-color:var(--mid)!important}#interest-wrapper #interest #interest-input-panel .interest-input-apy .ant-input-group-addon{border-right-color:#0d1114!important}#interest-wrapper #interest #interest-input-panel #interest-input-time-wrapper{margin:10px 10px 10px -5px;width:85%;display:flex;flex-direction:row}#interest-wrapper #interest #interest-input-panel #interest-input-time-wrapper :last-child{border-radius:0 5px 5px 0!important}#interest-wrapper #interest #interest-input-panel #interest-input-time-wrapper .interest-input-time{width:30%;border-radius:5px 0 0 5px!important}#interest-wrapper #interest #interest-input-panel #interest-input-time-wrapper .time-picker-item{width:35%;color:var(--text);font-family:var(--font);font-weight:200;font-size:15px;background-color:var(--mid);display:flex;justify-content:center;align-items:end;cursor:pointer;border-bottom:2.5px solid transparent}#interest-wrapper #interest #interest-input-panel #interest-input-time-wrapper .time-picker-item-active{border-bottom:2.5px solid #1677ff}#interest-wrapper #interest #interest-input-panel #calculate-interest{width:85%;margin-left:-7px;margin-top:15px}#interest-wrapper #interest #interest-result-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:50%;font-family:var(--text)}#interest-wrapper #interest #interest-result-panel span{width:100%;height:50%}#interest-wrapper #interest #interest-result-panel #interest-breakdown h2{color:var(--text);font-family:var(--font)}#interest-wrapper #interest #interest-result-panel #interest-breakdown hr{color:var(--text)}#interest-wrapper #interest #interest-result-panel #interest-breakdown .interest-breakdown-row{display:flex;flex-direction:row;justify-content:space-between;color:var(--text);font-family:var(--font);font-weight:200;font-size:12px;align-items:center}#interest-wrapper #interest #interest-result-panel #interest-breakdown .interest-breakdown-row #total-sq{width:25px;height:25px;background-color:#1677ff;border:1.5px solid #166de8}#interest-wrapper #interest #interest-result-panel #interest-breakdown .interest-breakdown-row #interest-sq{width:25px;height:25px;background-color:#ffc658;border:1.5px solid #dfb355}#interest-wrapper #interest #interest-result-panel #interest-breakdown .interest-breakdown-row #contributions-sq{width:25px;height:25px;background-color:#82ca9d;border:1.5px solid #81c89c}.ant-input,.ant-input-group-addon{background-color:var(--mid)!important;color:var(--text)!important;border-color:#0d1114!important}.ant-input-group-addon{border-right-color:var(--mid)!important}.recharts-text,.recharts-tooltip-wrapper{font-family:var(--font)!important;font-size:12px}@media only screen and (max-width:900px){#interest-wrapper{padding:50px 0!important}#interest-wrapper #interest{width:100vw!important;height:1000px!important;flex-direction:column!important}#interest-wrapper #interest #interest-input-panel,#interest-wrapper #interest #interest-result-panel{width:100%!important}}#loan-wrapper{display:flex;justify-content:center;align-items:center;padding:100px}#loan-wrapper #loan{width:50vw;height:1000px;border:5px solid var(--foreground);border-radius:5px;display:flex;flex-direction:column}#loan-wrapper #loan #loan-input-output{width:100%;height:1400px;display:flex;flex-direction:column}#loan-wrapper #loan #loan-input-output #loan-input-panel{height:40%;width:100%;background-color:var(--foreground);display:flex;flex-direction:column;justify-content:center;align-items:center}#loan-wrapper #loan #loan-input-output #loan-input-panel h2{color:var(--text);font-family:var(--font);font-weight:200;font-size:15px;margin-left:0;margin-bottom:-10px;width:85%}#loan-wrapper #loan #loan-input-output #loan-input-panel .loan-input-dollar{margin:10px 10px 10px -5px;width:85%}#loan-wrapper #loan #loan-input-output #loan-input-panel .loan-input-dollar input{border-left-color:var(--mid)!important}#loan-wrapper #loan #loan-input-output #loan-input-panel .loan-input-time{width:30%;border-radius:5px 0 0 5px!important}#loan-wrapper #loan #loan-input-output #loan-input-panel .time-picker-item{width:35%;color:var(--text);font-family:var(--font);font-weight:200;font-size:15px;background-color:var(--mid);display:flex;justify-content:center;align-items:end;cursor:pointer;border-bottom:2.5px solid transparent}#loan-wrapper #loan #loan-input-output #loan-input-panel .time-picker-item-active{border-bottom:2.5px solid #1677ff}#loan-wrapper #loan #loan-input-output #loan-input-panel #loan-input-time-wrapper{margin:10px 10px 10px -5px;width:85%;display:flex;flex-direction:row}#loan-wrapper #loan #loan-input-output #loan-input-panel #loan-input-time-wrapper :last-child{border-radius:0 5px 5px 0!important}#loan-wrapper #loan #loan-input-output #loan-input-panel #loan-input-time-wrapper .loan-input-time{width:30%;border-radius:5px 0 0 5px!important}#loan-wrapper #loan #loan-input-output #loan-input-panel #loan-input-time-wrapper .time-picker-item{width:35%;color:var(--text);font-family:var(--font);font-weight:200;font-size:15px;background-color:var(--mid);display:flex;justify-content:center;align-items:end;cursor:pointer;border-bottom:2.5px solid transparent}#loan-wrapper #loan #loan-input-output #loan-input-panel #loan-input-time-wrapper .time-picker-item-active{border-bottom:2.5px solid #1677ff}#loan-wrapper #loan #loan-input-output #loan-input-panel #apr-calc-group{display:flex;flex-direction:row;margin-left:-5px;width:85%;justify-content:center0;align-items:center}#loan-wrapper #loan #loan-input-output #loan-input-panel #apr-calc-group div{width:50%}#loan-wrapper #loan #loan-input-output #loan-input-panel #apr-calc-group div .loan-input-apy{margin:10px 10px 10px -5px;width:95%}#loan-wrapper #loan #loan-input-output #loan-input-panel #apr-calc-group div .loan-input-apy input{border-right-color:var(--mid)!important}#loan-wrapper #loan #loan-input-output #loan-input-panel #apr-calc-group div .loan-input-apy .ant-input-group-addon{border-right-color:#0d1114!important}#loan-wrapper #loan #loan-input-output #loan-input-panel #apr-calc-group #calculate-loan{width:50%;margin-top:20px}#loan-wrapper #loan #loan-input-output #loan-input-panel #show-hide-table-btn{height:auto;align-self:center}#loan-wrapper #loan #loan-input-output #loan-input-panel #show-hide-table-btn a{color:#1677ff;font-size:10.5px;text-decoration:none;font-family:var(--font)}#loan-wrapper #loan #loan-input-output #loan-input-panel #show-hide-table-btn :hover{-webkit-text-decoration:underline dashed #1677ff!important;text-decoration:underline dashed #1677ff!important}#loan-wrapper #loan #loan-output-panel{height:60%;width:100%;font-family:var(--text)}#loan-wrapper #loan #loan-output-panel,#loan-wrapper #loan #loan-output-panel #monthly-payment{display:flex;flex-direction:column;justify-content:center;align-items:center}#loan-wrapper #loan #loan-output-panel #monthly-payment h1{color:var(--text);font-family:var(--font);margin-top:-25px}#loan-wrapper #loan #loan-output-panel #monthly-payment p{color:var(--text);font-family:var(--font);font-weight:200}#loan-wrapper #loan #loan-output-panel span{width:100%;height:250px}#loan-wrapper #loan #loan-output-panel #loan-breakdown h2{color:var(--text);font-family:var(--font)}#loan-wrapper #loan #loan-output-panel #loan-breakdown hr{color:var(--text)}#loan-wrapper #loan #loan-output-panel #loan-breakdown .loan-breakdown-row{display:flex;flex-direction:row;justify-content:space-between;color:var(--text);font-family:var(--font);font-weight:200;font-size:12px;align-items:center}#loan-wrapper #loan #loan-output-panel #loan-breakdown .loan-breakdown-row #total-sq{width:25px;height:25px;background-color:#1677ff;border:1.5px solid #166de8}#loan-wrapper #loan #loan-output-panel #loan-breakdown .loan-breakdown-row #int-sq{width:25px;height:25px;background-color:#ffc658;border:1.5px solid #dfb355}@media only screen and (max-width:900px){#loan-wrapper{padding:0!important}#loan{width:100vw!important}#loan-output-panel{margin-top:-200px!important}}