/* Ipsum generator */
#ipsum-body {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
} /* Center all content */

.btn-web1 {
    background-color: #c0c0c0;
    border: 1px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    box-shadow: inset 1px 1px 0 0 #ffffff, inset -1px -1px 0 0 #808080;
    padding: 5px 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
}
.btn-web1:active {
    border-color: #808080 #ffffff #ffffff #808080;
    box-shadow: none;
}
.controls-container {
    display: inline-flex; /* Use inline-flex to center the container */
    gap: 10px;
    align-items: flex-end;
    width: 100%;
    margin: 0 auto;
    color: white;
    text-align: center;
}

.controls-container div label {
    display: inline-block;
    max-width: 125px;
    text-align: left;
    line-height: 20px;
    vertical-align: middle;
    font-size: 18px;
}

.controls-container div input {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    margin-right: 50px;
}

#output {
    margin: 0 auto;
    text-align: left;
    color: white;
    font-size: 18px;
}

.copy-container {;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.copy-icon {
    vertical-align: middle;
    margin: 0 auto;
}