/* for the google form */
        form {
            display: flex;
        }
        input[type="text"] {
            padding: 10px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 4px 0 0 4px;
            outline: none;
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-left: none;
            border-radius: 0 4px 4px 0;
            background-color: #f8f8f8;
            cursor: pointer;
        }
        button:hover {
            background-color: #e0e0e0;
        }






/* for the weather */

        #weather-widget {
    border: 1px solid #ccc;
    padding: 20px;
    width: 300px;
    margin: 20px auto;
    text-align: center;
}

#zipcode {
    padding: 5px;
    width: calc(100% - 12px);
    margin-bottom: 10px;
}

#lookup-btn {
    padding: 5px 10px;
}

#weather-result {
    margin-top: 20px;
}