body {
    background: #ffffff;
}

.logo {
    background: rgb(245, 191, 191);
    color: black;
    display: block;
}

.welcome {
    background: blue;
    color: #fff;
    padding: 3px;
    font-size: 30px;
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    height: auto;
    width: 100%;
    border-radius: 50px;
    text-align: center;
}

.intro {
    color: #fff;
    background: green;
    border-radius: 15px;
    font-size: 35px;
    font-weight: bold;
    text-align: center;

}

.navi {
    font-size: 18px;
    font-weight: bold;

}


.navi a {
    color: green;
    text-decoration: none;
}

.navi a:hover {
    color: red;

}

.a:active {
    color: red;

}



.contner {
    background: blue;
    color: #fff;
    padding: 30px;
    font-size: 35px;
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    height: 150px;
    width: 100%;
    border-radius: 3%;
}


.links {
    background: rgb(214, 211, 211);
    width: 95%;
    height: auto;
    border: solid 5px;
    border-color: green;
    display: inline-block;
    border-radius: 25px;
    padding: 0px;

}

.link_1 {
    background: green;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    width: 26%;
    height: auto;
    border: solid 5px;
    border-radius: 30px;
    border-color: gray;
    display: inline-block;
    float: ;
    text-align: center;
    padding: 5px;

}

.link_2 {
    background: green;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    width: 26%;
    height: auto;
    border: solid 5px;
    border-radius: 30px;
    border-color: gray;
    display: inline-block;
    text-align: center;
    padding: 5px;
}

.link_3 {
    background: green;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    width: 26%;
    height: auto;
    border: solid 5px;
    border-radius: 30px;
    border-color: gray;
    display: inline-block;
    float: ;
    text-align: center;
    padding: 5px;

}


.kpomo {
    background: ;
}

.kpomo img {
    border-radius: 30px;
}

.cow_meat {
    background: ;
}

.cow_meat img {
    border-radius: 30px;
}

.links a {
    background: #fff;
    color: green;
}



.link_1 a {
    background: #fff;
    color: green;
}


.link_1 a:hover {
    background: #fff;
    color: green;
}

.products {
    background: rgb(214, 211, 211);
    color: #000000;
    width: 95%;
    height: auto;
    display: inline-block;
    border-radius: 40px;
    border: solid 6px;
    border-color: green;
    padding: 10px;


}

#product_1 {
    bacckground: white color:#000;
    float: ;
    width: 30%;
    height: 250px;
    display: inline-block;
    text-aline: center;
    font-size: 18px;
    font-weight: bold;
    color: green;
    padding: 1px;
}

#product_1 img {
    width: 100%;
    height: 230px;
    border-radius: 15px;

}


#product_2 {
    bacckground: white color:#000;
    width: 30%;
    height: 250px;
    display: inline-block;
    text-aline: center;
    font-size: 18px;
    font-weight: bold;
    color: green;
    padding: 1px;
}

#product_2 img {
    width: 100%;
    height: 230px;
    border-radius: 15px;

}


#product_3 {
    bacckground: white color:#000;
    float: ;
    width: 30%;
    height: 250px;
    display: inline-block;
    text-aline: center;
    font-size: 18px;
    font-weight: bold;
    color: green;
    padding: 1px;
}

#product_3 img {
    width: 100%;
    height: 230px;
    border-radius: 15px;


}


.price {
    background: green;
    border-radius: 30px;
    padding: 6px;
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
}


footer {
    background: blue;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}