:root {
    --color-nordicink: #101112;
    --color-snowwhite: #f4fdff;
    --color-nordicblue: #8dcad3;
    --color-cliffgray: #e2e7e9;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: var(--color-snowwhite);
    color: var(--color-nordicink);
}

main {
    width: 64rem;
    margin: 0 auto;
}

input, button {
    border: 1px solid var(--color-cliffgray);
    padding: 0.1rem 0.2rem;
    border-radius: 5px;
    font-size: inherit;
}

.form__inputGroup {
    margin: 1rem 0;
}

.input__label {
    display: flex;
    flex-direction: column;
}

.label__inputWithButton {
    display: flex;
}

.btn {
    font-weight: bold;
}

.btn--primary {
    background-color: var(--color-cliffgray);
}

ul {
    list-style: none;
}

.shopCard {
    border: 1px solid var(--color-cliffgray);
    padding: 2rem;
    border-radius: 7px;
    margin: 1rem 0;
}