html, *{
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    font-family: "Monaco", monospace;
    font-size: 3vw;
    /*height: 120vh;*/
    height: 200vh;


    body{
        background-color: #043e23;
    }
}


.chewy-regular {
    font-family: "Chewy", system-ui;
    font-weight: 400;
    font-style: normal;
}

.delius-regular {
    font-family: "Delius", cursive;
    font-weight: 400;
    font-style: normal;
}


.menu-part {
    width: 100%;
    height: 100vh;
    /*background-color: #264720;*/
    display: flex;
    align-items: center;
    flex-direction: column;

    .allergy{
        color: #F6E807;
        text-align: center;
        width: 70%;
    }
}


.tosti-card {
    border-radius: 3vw;
    z-index: 1;
    position: relative;
    margin: 2vh;
    display: flex;
    flex-direction: column;
    height: 25vh;
    width: 80%;
    /*border: 1px solid red;*/
    justify-content: space-between;
    gap: 1vw;
    /*box-shadow: -1vh 1.5vw #ffd48f;*/



    h2 {
        /*background-image: linear-gradient(to right, rgba(255, 212, 143, 1), rgba(55, 23, 8, 0), rgba(55, 23, 8, 0));*/
        height: 20%;
        text-align: center;
        color: #F6E807;
        font-size: 8vw;
        z-index: 1;


    }


}

.card-body {
    box-shadow: 1vh -1.5vw #ffd48f inset;
    height: 85%;
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: #3C783A;
    border-radius: 2vh;

}

.pic-holder {
    width: 60%;
    height: 65%;
    /*height:25vw;*/
    /*border: 1px solid black;*/
    align-self: center;
    margin: 1vh 1vh 2vh 3vh;

    img{
        /*width: inherit;*/
        height: 100%;
        width: 100%;
        border-radius: 2vh;
    }
}

.text-holder {
    padding: 2%;
    /*max-width: 50%;*/
    max-height: 95%;

    h4 {
        max-width: 100%;
        max-height: 25%;
        position: relative;
        font-size: 6vw;
        color: white;
    }

    p {
        max-height: 65%;
        text-wrap: wrap;

        font-size: 5vw;
        position: relative;
        color: white;
    }
}


header {
    box-shadow: 0 -1.5vw #ffd48f inset;
    position: relative;
    top: 0;
    height: 17vh;
    width: 100%;
    background-color: #3C783A;
    border-radius: 0 0 2vh 2vh;
    margin-bottom: 3vh;
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: center;


    img:nth-child(1){
        height: auto;
        width: 20%;
    }

    img:nth-child(2){
        height: auto;
        width: 60%;
    }


}



.landing{
    height: auto ;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1vh;
    z-index: 1;

    .land-text{

        background-color: #3C783A;
        border-radius: 2vh;
        width: 75%;
        height: 80%;
        padding: 3vh;
        box-shadow: 1vh -1.5vw #ffd48f inset;

        p{
            height: 80%;
            color: white;
            font-size: 4vw;
        }
    }
}



.background-body{
    position: fixed;
    background-repeat: repeat;
    z-index: -1;

    img{
        /*width: 100%;*/
        height: auto;
        opacity: 0.1;
    }
}