@import url("./calculator.css");
@import url("./results.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --White: hsl(0, 0%, 100%);
    --Slate: hsl(202, 86%, 94%);
    --Slate300: hsl(203, 41%, 72%);
    --Slate500: hsl(200, 26%, 54%);
    --Slate700: hsl(200, 24%, 40%);
    --Slate900: hsl(202, 55%, 16%);
    --Lime: hsl(61, 70%, 52%);
    --Red: hsl(4, 69%, 50%);
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: "Plus Jakarta Sans", sans-serif;
}

p {
    font-size: 16px;
}

fieldset{
    border: none;
    padding: 0;
    margin: 1.8rem 0 0 0;
}

label, legend{
    color: var(--Slate700);
    font-weight: 500;
    margin: 1.8rem 0 0.8rem 0;
}
.off {
    display: none;
}
@media (min-width: 1024px) {
    label, legend{
        margin: 0 0 0.8rem 0;
    }
    fieldset{
        margin: 0;
    }
}