ul,li{text-decoration:none;list-style:none}a{text-decoration:none}body{margin:0;font-family:"Quicksand",sans-serif;background-color:#121f3d;color:#fff}h1,h2{margin:0}button{border:0;border-radius:16px;font-size:.875rem;font-weight:bold;color:#33b1ff;background-color:#121f3d;cursor:pointer}button:hover{color:#121f3d;background-color:#33b1ff}.salaries{display:flex;flex-direction:column;justify-content:center;height:20vh;width:100%;margin-bottom:32px}.salaries h1{padding:8px 0;font-size:1.125rem;color:#fff;text-align:center}.salaries div{display:inherit}.salaries div button{height:15vh;width:100%;border-radius:0;border-top:1px solid #fff}.salaries div button#roi:hover{background-color:#00f2b5}.salaries div button#simple:hover{background-color:#bdafda}.salaries div button#compound:hover{background-color:#ffc771}.section-container{display:grid;grid-template-areas:". section .";place-items:center}.section-container .section{display:flex;flex-direction:column;align-items:center}.section-container .roi-section,.section-container .simple-section,.section-container .compound-section{display:none;grid-area:section}.section{grid-area:section;width:100%;width:330px;border-radius:8px;margin-bottom:16px;background-color:#24385b;box-shadow:0px 3px 6px rgba(0,0,0,.3)}.section h2{width:100%;padding:8px 0;border-top-left-radius:8px;border-top-right-radius:8px;font-size:1.125rem;color:#33b1ff;background-color:#1b2b4b;text-align:center}.section form{width:80%;margin:16px 0}.section form .inputs{display:grid;grid-template-columns:1fr auto;place-items:center;width:100%;margin-bottom:8px;color:#fff}.section form .inputs label{justify-self:flex-start;font-size:1rem;font-weight:bold}.section form .inputs input{max-width:155px;padding:8px;border:1px solid #637b9d;border-radius:4px;font-size:.875rem;color:#fff;background-color:#03091e}.section .buttons{display:flex;flex-direction:column;align-items:center;width:80%}.section .buttons button{width:100%;padding:10px;border:0;border-radius:16px;font-size:.875rem;font-weight:bold;color:#33b1ff;background-color:#121f3d;cursor:pointer}.section .buttons .hover:hover{color:#121f3d;background-color:#33b1ff}.section .buttons .disabled{color:#232830;background-color:#ccc;cursor:not-allowed}.section .result{display:block;padding:8px;font-size:1.125rem;font-weight:bold}@media(max-width: 410px){.section{max-width:280px}.section form .inputs{grid-template-areas:"label ." "input input";place-items:start}.section form .inputs label{grid-area:label}.section form .inputs input{grid-area:input;margin-top:4px}}/*# sourceMappingURL=salaries.css.map */