#envelope-form {
    margin: 0;
    padding: 1rem;
    background-color: #E0E0E0;
}

#scroll-up-btn {
    float: left;
    z-index: 3;
    padding: 1rem;
    border: 0.5rem solid slateblue;
    font-weight: bold;
    color: black;
    background-color: ghostwhite;
    cursor: pointer;
}

#form-heading {
    margin-bottom: 1px;
    font-size: 1.3rem;
    line-height: 1.3;
    text-align: center;
}

.address-block {
    margin: 0;
    padding: 0.1rem 0 0 0;
}

.text-box {
    width: 40ch;
    appearance: none;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size: 1rem;
    font-weight: 600;
    color: black;
    background-color: white;
                 border: 0.15rem solid slateblue;
}

.has-line-break::after {
content: '\a';
white-space: pre;
}

.item-row {
    display: block;
    margin: 0;
    padding-top: 1px;
    line-height: 1.5;
    white-space: nowrap;
}

.item-row-hide {
    display: none;
}

#envelope-form label {
    font-family: "Century Gothic", "Apple Gothic", "Avant Garde", Futura,Helvetica,sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    color: black;
}

.text-box:focus, .text-box:hover {
    border: black;
    outline: 0.4rem dotted black;
}

        section[aria-label="destination address"] {
            margin-left: clamp(1rem, 30vw , 12rem);
        }

    #envelope-shell-root {
        margin: 0;
        padding: 0;
        border: 1rem solid rgba(75, 0, 130, 0.8);
    }

/* toolbar properties */
#shell-toolbar-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 5px solid rgba(75, 0, 130, 0.8);
background-color: indigo;
}

#shell-toolbar {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding-top: 1rem;
    padding-left: clamp( 4px, 20%, 100px);
    padding-right: clamp( 4px, 20%, 100px);
    padding-bottom: 0.5rem;
}

#shell-toolbar li {
    margin: 0;
    padding: 0;
}

#shell-toolbar button {
    display: inline-block;
    margin: 0 0.4rem 0 0.4rem;
padding: 1rem 1.2rem 1rem 1.2rem;
border: 5px outset #FAFAFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1rem;
font-weight: bold;
color: black;
background-color: ghostwhite;
}

#shell-toolbar button:focus, #shell-toolbar button:hover {
    outline: medium solid black;
    cursor: pointer;
    background-color: #FACA00;
}