body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
.container {
    display: grid;
    grid-template-areas:
    "header header"
    "calc docs"
    "footer footer";
    grid-template-columns: 2fr 2fr;
    grid-template-rows: auto 1fr auto;
    gap: 10px;
    height: 100vh;
}
header {
    grid-area: header;
    background-color: #00594e;
    color: white;
    padding: 10px;
    text-align: center;
}
docs {
    grid-area: docs;
    padding: 10px;
}
calc {
    grid-area: calc;
    border-right: 1px solid #00594e;
    padding: 10px;
}



footer {
    grid-area: footer;
    background-color: #00594e;
    text-align: center;
    padding: 10px;
}

footer, footer a {
    color: white;
}

#calculatorFields {
    padding: 20px;
    background-color: #b2e5db;
}

fieldset {
    border: 1px solid #00594e;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 10px;
}

#mfeResult {
    font-weight: bold;
}

@media (max-width: 600px) {
    calc {
        border-right: none;

    }
    docs {
        display: none !important;
    }
    .container {
        grid-template-areas:
            "header"
            "calc"
            "footer";
        grid-template-columns: 1fr;
    }
}