:root{--clr-primary: #15847b;--clr-secondary: hsl(13, 88%, 68%);--clr-secondary-light: hsl(13, 87%, 82%);--clr-secondary-dark: hsl(13, 74%, 49%);--clr-text: #001b3d;--clr-text-light: hsl(209, 28%, 39%);--clr-white: #fff;--clr-black: #222;--clr-background: hsl(210, 36%, 96%);--clr-border: hsl(210, 31%, 80%);--transition: all .1s linear;--max-width: 650px;--spacing: .1rem;--radius: .25rem}*,:after,:before{margin:0;padding:0;box-sizing:border-box}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}ul{list-style-type:none}a{text-decoration:none;color:var(--clr-secondary)}a:hover{text-decoration:underline;color:var(--clr-primary)}h1,h2,h3,h4{letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{margin-bottom:.5rem;color:var(--clr-text)}@media screen and (min-width: 600px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4,body{font-size:1rem}h1,h2,h3,h4{line-height:1}}.section,.container{width:90vw;margin:0 auto;max-width:var(--max-width)}@media screen and (min-width: 600px){.section{width:95vw}}.container{text-align:left;margin-top:1.5rem}hr{border-top:1px;border-left:0;border-color:var(--clr-secondary-light);border-width:1px}.form{background:var(--clr-white);max-width:var(--max-width);margin:0 auto;margin-bottom:.25rem;padding:.25rem;border-radius:var(--radius)}.form input{background:var(--clr-background);border-color:var(--clr-border);border-style:solid;border-width:1px;border-radius:var(--radius);padding:.25rem;font-size:medium;width:150px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form-control{margin:.5rem 0;display:grid;grid-template-columns:100px 1fr;align-items:center}.love{color:red}footer{font-size:.9em;color:#5bc0de;padding:10px;text-align:center}.digit{background-color:var(--clr-background);padding:.25em;border-radius:5px}th,td{padding:.25em}table,th,td{border:.5px solid lightgrey;border-collapse:collapse}.form td>input::-webkit-outer-spin-button,.form td>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form td>input[type=number]{-moz-appearance:textfield}.form td>input{border:transparent;width:100px}
