* {
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    /* font-family: monospace; */
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 150%;
}

body {
    /* overflow-x: hidden; */
    width: 95vw;
    min-height: 100vh;
    margin: auto;

    /* justify-content: center; */
    /* align-content: center; */
    /* align-items: center; */
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;

    background-size: cover;
    background-image: url("../gfx/pizza-3870778_1280.jpg");
}

p {
    margin: 1rem 0;
}

img.preview {
    overflow: hidden;
    position: relative;
    border: 1px solid black;
    border-radius: .2rem;
}

.card {
    overflow: hidden;
    position: relative;
    border: 1px solid black;
    border-radius: .2rem;
    padding: .5rem;
    z-index: 1;
}

.card:before {
    z-index: -1;
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    background: rgb(255, 255, 255);
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.918) 50%, rgba(255, 255, 255, 0.22792022792022792) 100%);

}

.card.teig {
    background-size: cover;
    background-image: url("../gfx/dough-943245_1920.jpg");
}

.card.soße {
    background-size: cover;
    background-image: url("../gfx/tomatosoup-ge2779fc3a_1920.jpg");
}

.card.pizza {
    background-size: cover;
    background-image: url("../gfx/pizza-3870778_1280.jpg");
}




.ingredients-list {
    display: flex;
    flex-direction: column;
    margin: 1rem .5rem;
}