.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 10px;
}

body {
    background-color: #462417;
}

#title {
    height: 60px;
    font-size: 45px;
    grid-column: 4 / 10;
    font-family: "Gluten", cursive;
    font-weight: <weight>;
    font-style: normal;
    "slnt"0;
    background-color: floralwhite;
    border-radius: 25%;
    align-content: center;
    text-align: center;
}

#intro {
    grid-column: 5 / 9;
    font-family: "Jua", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: center;
    color: white;
}

#q {
    grid-column: 4 / 3;
}
#drinkImage{
    grid-column: 4 / 6;
    grid-row: 4;
}

#button {
    grid-column: 6 / 8;
    font-family: "Gluten", cursive;
    font-style: normal;
    "slnt"0;
    font-size: 30px;
    align-self: center;
}

#form {
    grid-column: 6 / 6;
    font-size: 20px;
}

#response {
    grid-column: 7 / 10;
    grid-row: 4;
    padding: 20px;
    margin: 50px;
    color: white;
    font-family: "Jua", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: center;
}