body {
    padding: 0px;
    margin: 0px;
    color: black;
    margin-top: 25vh;
    }

.kalkylator {
    margin-left: 10em;
    margin-bottom: 10em;
}

.kalkylator h1 {
    font-size: 50px;
    border-bottom: 5px solid rgb(151, 0, 0);
    width: 40%;
}

.input {
    border: 2px solid black;
    margin: 0;
    padding: 2em;
    width: 50%;
}

.meal {
    border: 2px solid black;
    margin: 0;
    padding: 2em;
    width: 50%;
}

.countButton {
    border: 2px solid black;
    margin: 0;
    padding: 2em;
    width: 50%;
}

.countButton button {
    height: 5em;
    width: 10em;
}

.countButton button:hover {
    background-color: gray;
    border: 3px solid black;
}

.result {
    border: 2px solid black;
    margin: 0;
    padding: 2em;
    width: 50%;
}