* {
    padding: 0;
    margin: 0;
}

body {
    background-color: #f9f6f3;
    /* scrollbar-width: none; */
    -ms-overflow-style: none;
    font-family: "Playfair Display", Georgia, serif;
}




.container_1 {
    background-image: url("/images/background.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: auto;
    position: static;
    /* overflow: hidden; */
    z-index: 3;
    padding-bottom: 2%;
    margin-bottom: 16px;
}



.child_box1 {
    margin-top: 2em;
    display: flex;
    justify-content: center;
    width: 100%;
    /* border: 2px solid #ff0000; */
    border-radius: 40px;
    /* background-color: #000000; */
    height: auto;
}

.subbox_1 {
    position: relative;
    /* border: 2px solid #000000; */
    border-radius: 60px;
    background-color: #ffc813;
    padding: 3em 5em;
}


.the {
    position: relative;
    z-index: 2;
    font-size: 19px;
    left: 135px;
    top: 25px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
}

.chef {
    position: relative;
    z-index: 2;
    width: 260px;
}



.megazine {
    position: relative;
    z-index: 2;
    left: 57px;
    bottom: 30px;
    font-size: 17.5px;
    right: 2em;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
}

.numberbox {
    position: relative;
    right: 5em;
    top: 11em;

}

.upp {
    position: absolute;
    z-index: 2;
    font-size: 35px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #000000;
    font-weight: 400;
}

.line {
    position: absolute;
    z-index: 2;
    font-size: 22px;
    margin-top: 17px;
    margin-left: -9px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #000000;
}

.downn {
    position: absolute;
    z-index: 2;
    font-size: 35px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #000000;
    margin-top: 35px;
    font-weight: 700;
}

.child_box2 {
    display: flex;
    justify-content: right;
    width: 100%;
    /* border: 2px solid #000000; */
}

hr {
    border: none;
    border-top: 1px solid #000000;
    margin-top: 20px;
}

.notebox {
    box-sizing: border-box;
    position: relative;
    padding: 2em;
    text-align: left;
    color: #000000;
    font-size: 19px;
    width: fit-content;
    font-weight: bolder;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-right: 2%;
    line-height: -8px;
    background-color: #ffc8133b;
    /* border: 1px solid #fff; */
    border-radius: 3em;
    backdrop-filter: blur(20px);
    box-shadow: 5px 2px 3px -3.1px #000000a4;
}


.lite {
    font-weight: 100;
}

.bottomItems {
    position: absolute;
    top: 4%;
    left: 2%;
}

.bottom {
    position: relative;
    z-index: 2;
    width: 170px;
}

.b-block {
    position: relative;
    z-index: 2;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    top: -34px;
    left: -7px;
}

.upp {
    position: relative;
    font-size: 10px;
    color: #386683;
    letter-spacing: 1.3px;
    top: 5px;
}

.downn {
    position: relative;
    font-size: 6px;
    color: #2ba0f9;
    letter-spacing: 0.3px;
    top: -5px;
}




.editorial {
    text-transform: lowercase;
    position: relative;
    /* border:2px solid #000000; */
    margin: 1% 0 0 0;
}

.head1 {
    /* border: 2px solid #000000; */
    display: flex;
    justify-content: center;
    position: sticky;
    top: 2%;
    z-index: 3;
}

.e {
    font-family: "Meow Script", cursive;
    font-weight: lighter;
    text-align: center;
    width: 100%;
    margin: 0 1%;
    z-index: 3;
    font-size: 5em;
    /* padding: 0 -7em; */
    color: #000000;
    background-color: #ffd70e16;
    backdrop-filter: blur(5px);
    border: 1px solid #00000036;
    border-radius: 40em;
    box-shadow: 0px 5px 5px -5px #00000071;
}

.p_row1 {
    display: flex;
    justify-content: space-between;
    margin: 1%;
}

.p_row2 {
    margin: 0 1%;
}

.first_p {
    position: relative;
    /* flex:; */
    z-index: 2;
    text-align: justify;
    font-family: "Playfair Display", Georgia, serif;
    width: 18em;
    height: fit-content;
    font-size: 20px;
    background-color: #ffc8133b;
    padding: 1em;
    /* padding-left: 6em; */
    border-radius: 30px;
    margin: 1%;
    backdrop-filter: blur(20px);
}

.second_p {
    position: relative;
    z-index: 2;
    text-align: justify;
    font-family: "Playfair Display", Georgia, serif;
    width: 45em;
    height: auto;
    justify-content: left;
    font-size: 20px;
    background-color: #ffc8133b;
    backdrop-filter: blur(20px);
    padding: 1em;
    /* padding-left: 6em; */
    border-radius: 30px;
    /* margin: 1%; */

}

.third_p {
    position: relative;
    z-index: 2;
    text-align: justify;
    font-family: "Playfair Display", Georgia, serif;
    width: 18em;
    height: auto;
    font-size: 20px;
    background-color: #ffc8133b;
    padding: 1em;
    border-radius: 30px;
    text-align: justify;
    /* padding-right: 7.1rem; */
    justify-content: right;
    margin: inherit;

    backdrop-filter: blur(20px);
}


.container_2 {
    z-index: 3;
    background-color: #f9f6f3;
    width: auto;
    /* height: 10em; */
    position: relative;
    /* padding: 300px; */
    font-size: 30em;
}

.orange {
    /* border: 10px solid #ffb300; */
    /* padding: 180px 0 0 0; */
    height: fit-content;
    display: grid;
    /* justify-content: space-between; */
    width: auto;
    /* margin-top: 3.5%; */
    height: fit-content;
    /* position: relative; */


}

.orange_container {
    /* border: 10px solid #1aff00; */
    display: flex;
    /* margin-bottom: 60px; */
    justify-content: space-between;
    position: absolute;
    width: auto;
    /* height: fit-content; */

}

.orange_img_container {
    display: flex;
    /* margin-top: 7.5vw; */
    /* justify-content: ; */
    position: relative;
    width: 1.809em;
    height: fit-content;
    padding-top: 5vw;
    /* border: 10px solid #ff0000; */
}

.orange_head {
    /* position: absolute; */
    text-align: center;
    /* padding: 20 0 0 0; */
    font-size: 24vw;
    color: orange;
    font-family: sans-serif;
    /* z-index: 1; */
    /* border: 10px solid #4501ff; */
    padding: 0 0 90px 0;
    text-shadow: 0px 3px 2px #b87e00d5;
    position: sticky;
    top: 0vw;
}

.orange_img {
    width: 55vw;
    right: 9vw;
    top: 60px;
    position: relative;
    /* transform: rotate(-20deg); */

    /* border: 10px solid #00eaff; */

}

.orange_recipe {
    padding: 3vw 2vw;
    z-index: 1;
    /* display: flex; */
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    background-color: #ffc8133b;
    /* backdrop-filter: blur(30px); */
    font-size: 12%;
    position: relative;
    margin-top: 67vw;
    color: #303030;
    /* /* background-color: #ffffff43; */
    backdrop-filter: blur(20px);
    /* border: 10px solid #070707; */
    margin-bottom: 12em;
    border: 4px solid #f5be063f;
}



/* .orange_recipe p {
    /* font-family: "Plus Jakarta Sans", sans-serif; */
/* font-family: serif; */
/* font-size: 1.5vw;
    text-align: justify;
    width: 32vw;
    padding: 1VW;
        /* border: 2px solid black; */

/* } */ 

.orange_para {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-family: serif;
    font-size: 1.5vw;
    text-align: justify;
    position: relative;
    /* border: 3px solid black; */
    width: 32vw;
    margin: 2vw 0;
}

.recipe_into {
    position: relative;
    display: flex;
    /* border: 3px solid black; */
    justify-content: space-between;
}

.p1 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-family: serif;
    font-size: 1.5vw;
    position: relative;
    text-align: justify;
    width: 32vw;
    /* border: 3px solid black; */
    margin: 1vw;

}



h4 {
    font-family: "Unno", serif;
    font-weight: 100;
    padding: 1vw;
}

.orange_head_r {
    text-align: right;
}

.para {
    font-size: 1.2vw;
    width: 32vw;
    text-align: justify;
    margin: 1vw;
    /* border: 2px solid black; */
}

.recipe_container {
    /* border: 2px solid black; */
    margin: 2.5vw;
}

.para_container {
    display: flex;
    justify-content: right;
}

.recipee_img {
    border-radius: 40px;
    /* width: 40%; */
    width: 500px;
    margin: 1vw;
}

.recipe_img {
    border-radius: 40px;
    /* width: 40%; */
    width: 500px;
    margin: 1vw;
}



.recipe_1 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: right;
}

.recipe_2 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: left;
}

.recipe_3 {
    padding: 7vw 0 0 0;
    font-family: "Unno", serif;
    /* border: 2px solid black; */
    display: flex;
    justify-content: center;
}

.recipe_4 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}


.recipe_5 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.recipe_6 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}


.recipe_7 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}


.recipe_8 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}


.recipe_9 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}


.recipe_10 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}


.recipe_11 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}


.recipe_12 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}


.recipe_13 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}


.recipe_14 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.recipe_15 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.recipe_16 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.recipe_17 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.recipe_18 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.recipe_19 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.recipe_20 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.recipe_21 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.recipe_22 {
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
}

.buttons {
    background-color: orange;
    font-size: 70px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #ffffff;
    padding: 8px 30px;
    border-radius: 70px;
    border: 2px solid #0000001a;
    transition: 100ms;
}

.buttons:hover {
    background-color: rgb(255, 175, 26);
}


a {
    text-decoration: none;
}


.footer_links {
    /* border: 2px solid black; */
    display: flex;
    position: relative;
}

.data {
    /* border: 2px solid black; */
}




@media screen and (max-width: 750px) {
    /* CSS rules go here */

    /* 
.container_1 {
    background-attachment:s;
} */


    .container_1 {
        background-image: url("/images/background.png");
        background-repeat: no-repeat;
        background-size: 200%;
        background-position-x: center;
        width: auto;
        position: static;
        /* overflow: hidden; */
        z-index: 3;
        padding-bottom: 2%;
        margin-bottom: 16px;
    }


    .child_box1 {
        /* margin-top: 2em; */
        display: flex;
        justify-content: center;
        width: 100%;
        /* border: 2px solid #ff0000; */
        border-radius: 40px;
        /* background-color: #000000; */
        height: auto;

    }

    .subbox_1 {
        position: relative;
        border: 5px solid #00000028;
        border-radius: 60px;
        /* margin-top: 3em; */
        background-color: #f7bf093e;
        padding: 3em 5em;
        margin: 3em 3em 3em 3em;
        /* -webkit-backdrop-filter: blur(5px); */
        backdrop-filter: blur(5px);

    }


    .the {

        position: relative;
        z-index: 2;
        font-size: 27px;
        left: 50px;
        top: 1px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bolder;
        text-transform: uppercase;
    }

    .chef {
        position: relative;
        z-index: 2;
        width: 140px;
    }



    .megazine {
        position: relative;
        z-index: 2;
        left: 1px;
        bottom: 4px;
        font-size: 28.5px;
        /* right: 2em; */
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bolder;
        text-transform: uppercase;
    }

    .numberbox {

        padding: 2px;
        /* background-color: #e6e1e1; */
        position: relative;
        width: fit-content;
        right: 6.8em;
        top: 5.5em;

    }

    .upp {
        position: absolute;
        z-index: 2;
        font-size: 25px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: #000000;
        font-weight: 400;
    }

    .line {
        position: absolute;
        z-index: 2;
        font-size: 12px;
        top: 8px;
        left: 8px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: #000000;
    }

    .downn {
        position: relative;
        font-size: 5.7px;
        color: #2ba0f9;
        letter-spacing: 0.3px;
        top: -4px;
    }

    .child_box2 {
        display: flex;
        justify-content: center;
        width: 100%;
        /* border: 2px solid red; */
        /* border: 2px solid #000000; */
    }

    hr {
        border: none;
        border-top: 1px solid #000000;
        margin-top: 12px;
    }

    .notebox {
        border: 1px solid #00000028;

        margin-top: 11.5em;
        margin-bottom: 2em;
        box-sizing: border-box;
        position: relative;
        padding: 2em;
        color: #000000;
        font-size: 9px;
        width: fit-content;
        font-weight: bolder;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        margin-right: 2%;
        background-color: #ffffff3c;
        /* border: 1px solid #fff; */
        border-radius: 3em;
        backdrop-filter: blur(5px);
        box-shadow: none;
    }


    .lite {
        font-weight: 100;
    }

    .bottomItems {
        position: absolute;
        top: 4%;
        left: 2%;
    }

    .bottom {
        position: relative;
        z-index: 2;
        width: 170px;
    }

    .b-block {
        position: relative;
        z-index: 2;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
    }

    .upp {
        position: relative;
        font-size: 10px;
        color: #386683;
        letter-spacing: 1.3px;
    }

    .downn {
        position: relative;
        font-size: 6px;
        color: #2ba0f9;
        letter-spacing: 0.3px;
        top: 11px;
    }

    .head1 {
        top: 1.5em;
    }

    .editorial {
        text-transform: lowercase;
        position: relative;
        /* border:2px solid #000000; */
        margin: 37% 0 0 0;
    }

    .head1 {
        /* border: 2px solid #000000; */
        display: flex;
        justify-content: center;
        position: sticky;
        top: 2%;
        z-index: 3;
    }

    .e {
        font-family: "Meow Script", cursive;
        font-weight: lighter;
        text-align: center;
        width: 100%;
        margin: 0 5%;
        z-index: 3;
        font-size: 3em;
        /* padding: 0 -7em; */
        color: #000000;
        background-color: #ffd70e16;
        border: 1px solid #00000028;
        border-radius: 40em;
        box-shadow: 0px 5px 5px -5px #00000071;
        backdrop-filter: blur(5px);
    }

    .p_row1 {
        display: grid;
        /* justify-content: space-around; */
        margin: 1%;
    }

    .p_row2 {
        margin: 0 1%;
    }

    .first_p {
        position: relative;
        /* flex:; */
        z-index: 2;
        text-align: justify;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        width: 21em;
        height: fit-content;
        font-size: 12px;
        background-color: #ffc8133b;
        padding: 1em;
        /* padding-left: 6em; */
        border-radius: 30px;
        margin: 0.2em;
        backdrop-filter: blur(20px);
    }

    .second_p {
        position: relative;
        z-index: 2;
        text-align: justify;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        width: 21em;
        height: auto;
        justify-content: left;
        font-size: 12px;
        background-color: #ffc8133b;
        padding: 1em;
        /* padding-left: 6em; */
        border-radius: 30px;
        backdrop-filter: blur(20px);
        /* margin: 1%; */

    }

    .third_p {
        position: relative;
        z-index: 2;
        text-align: justify;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        width: 21em;
        height: auto;
        font-size: 12px;
        background-color: #ffc8133b;
        padding: 1em;
        border-radius: 30px;
        text-align: justify;
        /* padding-right: 7.1rem; */
        justify-content: right;
        margin: inherit;
        margin-left: 10.5em;
        backdrop-filter: blur(20px);
    }

    .container_2 {
        overflow: hidden;
        z-index: 3;
        background-color: #f9f6f3;
        width: auto;
        /* height: 10em; */
        position: relative;
        /* padding: 300px; */
        font-size: 30em;
    }

    .orange {
        /* border: 10px solid #ffb300; */
        /* padding: 180px 0 0 0; */
        height: fit-content;
        display: grid;
        /* justify-content: space-between; */
        width: auto;
        /* margin-top: 3.5%; */
        height: fit-content;
        /* position: relative; */


    }

    .orange_container {
        /* border: 10px solid #1aff00; */
        display: flex;
        /* margin-bottom: 60px; */
        justify-content: space-between;
        position: absolute;
        max-width: 100%;
        top: 231px;
        /* height: fit-content; */

    }

    .orange_img_container {
        display: flex;
        /* margin-top: 7.5vw; */
        /* justify-content: ; */
        position: relative;
        /* overflow: hidden; */
        width: 324px;
        height: fit-content;
        padding-top: 0px;
        /* border: 10px solidgrid0000; */
    }


    .orange_head {
        /* position: absolute; */
        text-align: center;
        /* padding: 20 0 0 0; */
        font-size: 124px;
        color: orange;
        font-stretch: condensed;
        font-family: "Bebas Neue", sans-serif;
        /* z-index: 1; */
        /* border: 10px solid #4501ff; */
        padding: 50px 0 90px 0;
        text-shadow: 0px 3px 2px #b87e00d5;
        position: sticky;
        top: 0px;
        display: inline-block;
        transform: scale(1, 1.5);
        -webkit-transform: scale(1, 1.5);
        transform-origin: top left;


    }


    .orange_img {
        width: 507px;
        right: 206px;
        top: -87px;
        position: relative;
        /* transform: rotate(-20deg); */

        /* border: 10px solid #00eaff; */

    }

    .orange_recipe {
        padding: 3vw 2vw;
        z-index: 1;
        /* display: flex; */
        position: relative;
        font-family: "Plus Jakarta Sans", sans-serif;
        background-color: #ffc8133b;
        /* backdrop-filter: blur(30px); */
        font-size: 32px;
        position: relative;
        margin-top: 67vw;
        /* padding: 40px 20px 40px 0px; */
        color: #303030;
        /* /* background-color: #ffffff43; */
        backdrop-filter: blur(20px);
        /* border: 10px solid #070707; */
        margin-bottom: 12em;
        /* border: 4px solid #f5be063f; */
    }



    /* .orange_recipe p {
    /* font-family: "Plus Jakarta Sans", sans-serif; */
    /* font-family: serif; */
    /* font-size: 1.5vw;
    text-align: justify;
    width: 32vw;
    padding: 1VW;
        /* border: 2px solid black; */

    /* }  */

    .orange_para {
        font-family: "Plus Jakarta Sans", sans-serif;
        font-family: serif;
        font-size: 23px;
        text-align: justify;
        position: relative;
        /* border: 3px solid black; */
        width: 52vw;
        margin: 2vw 0;
    }

    .recipe_into {
        position: relative;
        display: flex;
        /* border: 3px solid black; */
        justify-content: space-between;
    }

    .p1 {
        font-family: "Plus Jakarta Sans", sans-serif;
        font-family: serif;
        font-size: 12px;
        position: relative;
        text-align: justify;
        width: 144px;
        /* border: 3px solid black; */
        margin: 30px 0 0 0;

    }



    h4 {
        font-family: "Unno", serif;
        font-weight: 100;
        padding: 1vw;
        font-size: 23px;
    }

    .orange_head_r {
        text-align: right;
    }

    .para {
        font-size: 2.2vw;
        width: 216px;
        text-align: justify;
        margin: 1vw;
        /* border: 2px solid black; */
    }

    .recipe_container {
        /* border: 2px solid black; */
        margin: 2.5px 0 0 0;
    }

    .para_container {
        display: flex;
        justify-content: right;
    }

    .recipee_img {
        border-radius: 40px;
        width: 185px;
        /* width: 40%; */
        margin: 5vw;
    }

    .recipe_img {
        position: relative;
        border-radius: 40px;
        width: 90%;
        height: auto;
        margin: 10px 0 0 0;
    }

    .img_con {
        display: flex;
        justify-content: right;
        /* border: 2px solid black; */
    }


    .recipe_1 {
        /* border: 2px solid black; */
        display: grid;
        justify-content: right;
    }

    .recipe_2 {
        /* border: 2px solid black; */
        display: grid;
        justify-content: left;
    }

    .recipe_3 {
        padding: 7vw 0 0 0;
        font-family: "Unno", serif;
        /* border: 2px solid black; */
        display: grid;
        font-size: 23px;
        justify-content: center;
    }

    .recipe_4 {
        /* border: 2px solid black; */
        display: grid;
        justify-content: space-between;
        margin: 60px 5px;
    }


    .recipe_5 {
        /* border: 2px solid black; */
        display: grid;
        justify-content: space-between;
        margin: 60px 5px;
    }

    .recipe_6 {
        /* border: 2px solid black; */
        display: grid;
        /* place-items: center; */
        justify-content: center;
        /* align-: center; */
        margin: 60px 5px;

    }



    .recipe_7 {
        /* border: 2px solid black; */
        display: grid;
        justify-content: space-between;
        margin: 60px 5px;

    }


    .recipe_8 {
        /* border: 2px solid black; */
        display: grid;
        align-self: center;
        margin: 60px 5px;

    }


    .recipe_9 {
        /* border: 2px solid black; */
        display: grid;
        justify-content: space-between;
        margin: 60px 5px;

    }


    .recipe_10 {
        /* border: 2px solid black; */
        display: grid;
        justify-content: space-between;
        margin: 60px 5px;

    }


    .recipe_11 {
        /* border: 2px solid black; */
        display: grid;
        justify-content: space-between;
        margin: 60px 5px;

    }


    .recipe_12 {
        /* border: 2px solid black; */
        display: grid;
        justify-content: space-between;
        margin: 60px 5px;

    }


    .recipe_13 {
        /* border: 2px solid black; */
        display: grid;
        margin: 60px 5px;

        justify-content: space-between;
    }


    .recipe_14 {
        /* border: 2px solid black; */
        display: grid;
        margin: 60px 5px;

        justify-content: space-between;
    }

    .recipe_15 {
        /* border: 2px solid black; */
        margin: 60px 5px;

        display: grid;
        justify-content: space-between;
    }

    .recipe_16 {
        /* border: 2px solid black; */
        display: grid;
        margin: 60px 5px;

        justify-content: space-between;
    }

    .recipe_17 {
        /* border: 2px solid black; */
        display: grid;
        margin: 60px 5px;

        justify-content: space-between;
    }

    .recipe_18 {
        /* border: 2px solid black; */
        display: grid;
        margin: 60px 5px;

        justify-content: space-between;
    }

    .recipe_19 {
        /* border: 2px solid black; */
        display: grid;
        margin: 60px 5px;

        justify-content: space-between;
    }

    .recipe_20 {
        /* border: 2px solid black; */
        display: grid;
        margin: 60px 5px;
        justify-content: space-between;
    }

    .recipe_21 {
        /* border: 2px solid black; */
        display: grid;
        margin: 60px 5px;
        justify-content: space-between;
    }

    .recipe_22 {
        /* border: 2px solid black; */
        margin: 60px 5px;
        display: grid;
        justify-content: space-between;
    }

    .buttons {
        background-color: orange;
        font-size: 35px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: #ffffff;
        padding: 16px 30px;
        border-radius: 70px;
        border: 2px solid #0000001a;
        transition: 100ms;
    }

    .buttons:hover {
        background-color: rgb(255, 175, 26);
    }


    a {
        text-decoration: none;
    }


    .footer_links {
        /* border: 2px solid black; */
        display: flex;
        position: relative;
    }

    .data {
        /* border: 2px solid black; */
    }


}