.container {
    background-color: darkcyan;
    border-radius: 25px;
    margin: auto;
    box-shadow: 5px 4px 5px darkgrey;
    border-style: groove;
    border-top: rgb(65, 177, 162);
    padding: 40px;
    height: 20%;
}

h4 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin: auto;
    border-style: ridge;
}

.card {
    display: block;
    padding: 15%;
}

.card-body {
    background-color: #e2c280;
    padding: 10%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border-radius: 15px;
    border-style: outset;
}

#brand {
    width: 400px;
    margin: auto;
    background-color: rgb(236, 167, 144);
    font-weight: 500;
    color: rgb(16, 6, 83);
    text-align: center;
}

.flex {
    display: flex;
    justify-content: center;
}

#btn-search {
    color: rgb(65, 177, 162);
    font-weight: bold;
    background-color: rgb(236, 167, 144);
    grid-auto-flow: dense;
    display: grid;
}

body {
    background-image: url("https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/2e0f7884601589.5d6273bf0585d.jpg");
    background-size: cover;
}

h1 {
    text-align: center;
    font-size: 70px;
    color: rgb(32, 104, 94);
    text-shadow: 2px 2px 2px black;
    font-family: "Trirong", serif;
}

p {
    font-size: 20px;
    text-align: center;
}
 #item-search {
     flex: 1 1 auto;
     background: cornsilk;
 }