html{
    font-family: Arial, Helvetica, sans-serif;
    align-items: center;
    font-size: 14pt;
    margin: 0%;
    background-color:bisque;
}

@media(min-width:1200px){
    .image{height:400px;}
    .image img{height:400px;}
    div.image h1{font-size: 100pt;}
   div.description {width:1000px;}
   div.instructions {width:1000px;}
   div.ingredients {width:1000px;}
   #text p{font-size:20pt;}

}

@media(min-width:289px){
    img{height:600px;}
    .image h1{font-size: 50px;}
    }


body{
    margin: 0;
}
p{
    font-size: 17px;
}
h1{
    font-size: 20px;
}
img{
    width: 100%;
    height:200px;
    object-fit: cover;
}


.image{
    
    position:relative;
    text-align: center;
    color:bisque;
    margin: 0%;
    width: 100%;

}

.applepie{
    position:absolute;
    top: 20px;
    left:50px;
    font-size: 50px;;
}

.description{
width:70%;
outline: 5px dashed rgb(230, 162, 89);
margin-left: 12%;
display: flex;
justify-content: center;
padding:20px;
margin-top: 20px;
margin-bottom: 20px
}

.ingredients{
    margin-top: 20px;
    width:70%;
    padding:20px;
    outline: 5px dashed rgb(230, 162, 89);
    margin-left: 12%;

    }

  .instructions{
        margin-top: 20px;
        width:70%;
        outline: 5px dashed rgb(230, 162, 89);
        padding:20px;
        margin-left: 12%;
        }

        .extrastuff{
            margin-top: 20px;
            width:70%;
            outline: 5px dashed rgb(230, 162, 89);
            padding:20px;
            margin-left: 12%;
            }