a:link {
    color: rgb(0, 0, 0);
    text-decoration: none;

}

a:visited {
    color: black;
}

/****************************************************************************/

.homehead {
    position: relative;

    color: #333;
    padding-bottom: 10px;
}

.homehead::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 107px;
    height: 2px;
    background-color: #333;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s ease-in-out;
}

.homehead:hover::after {
    transform: scaleX(1);
}





.itemhead {
    position: relative;

    color: #333;
    padding-bottom: 10px;
}

.itemhead::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 97px;
    height: 2px;
    background-color: #333;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s ease-in-out;
}

.itemhead:hover::after {
    transform: scaleX(1);
}



.carthead {
    position: relative;

    color: #333;
    padding-bottom: 10px;
}

.carthead::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 73px;
    height: 2px;
    background-color: #333;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s ease-in-out;
}

.carthead:hover::after {
    transform: scaleX(1);
}


/**************************************************************/



* {
    margin: 0px;

}

body {
    margin: 0px;
    position: relative;
    min-height: 100vh;
}


footer {
    background-color: green;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;

}

#grocery {
    float: left;
    font-size: 40px;
    margin-left: 2%;
    margin-top: 30px;
}

#hai {
    float: right;
    font-size: 40px;
    margin-right: 3%;
    margin-top: 30px;

}

h1.aboutheading {
    color: black;
    text-align: center;
    padding-top: 2%;
    font-size: 85px;
    font-family: 'Courier New';
    font-style: italic;
}

section.about {

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 60%;
    padding-bottom: 60%;


}

.bod {
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
    background-attachment: fixed;
}

p.para {
    color: black;
    text-align: center;
    font-size: 30px;
    font-family: 'Indie Flower', cursive;
    font-weight: bolder;

}

.bg {

    box-shadow: rgba(22, 31, 39, 0.42) 5px 60px 123px -25px,
        rgba(19, 26, 32, 0.08) 5px 35px 75px -35px;
    background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);
    margin-left: 12%;
    margin-right: 12%;
    border-radius: 50px;
    padding-bottom: 30px;

}


p.limited {
    color: black;
    text-align: center;
    font-size: 60px;
    font-weight: bolder;
    font-family: 'Train One', cursive;
}


p.loc {
    color: black;
    text-align: center;
    font-size: 60px;
    font-weight: bolder;
}


.loc {


justify-content: center;
    border-radius: 50px;
    font-family: 'Train One', cursive;
    
}

.map {
    height: 400px;
    width: 600px;
    border-radius: 50px;
    box-shadow: rgba(22, 31, 39, 0.42) 5px 60px 123px -25px,
        rgba(19, 26, 32, 0.08) 5px 35px 75px -35px;

}



.header {
    margin: 10px;
    border-radius: 30px;
    background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
    width: 99%;
    height: 120px;
    box-shadow: rgba(22, 31, 39, 0.42) 5px 60px 123px -25px,
        rgba(19, 26, 32, 0.08) 5px 35px 75px -35px;
    border-color: green;
    
    
    font-family: 'Chelsea Market', cursive;



}

.cart {
    
    border: 0px;
    background-blend-mode: inherit;

    
    font-size: 65px;
    border-radius: 20px;
    
    box-shadow: rgba(22, 31, 39, 0.42) 5px 60px 123px -25px,
        rgba(19, 26, 32, 0.08) 5px 35px 75px -35px;
    background-color: inherit;
  

    
}


.ketch,.bread,.donuts{
    margin-right: 2%;
    margin-left: 2%;
}