body {
    padding: 10%; 
    background-color: #1f1515;
    font-size: 11px;
    color: whitesmoke; 
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: sans-serif;
    overflow: hidden; 
    height: 100%; 
    text-align: left;
}

button {
    font-size: 11px;
    color: whitesmoke; 
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: sans-serif;
    background-color: #3b2a2a;
    border: none;
    cursor: pointer;
}

input {
    font-size: 11px;
    color: whitesmoke; 
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: sans-serif;
    background-color: #3b2a2a;
    border: none;
}

.wrapper1 {
    padding: 10%; 
    background-color: #1f1515;
    font-size: 11px;
    color: whitesmoke; 
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family:  monospace;
    overflow: hidden; 
    height: 100%; 
    text-align: left;
}

.wrapper2 {
    padding: 10%; 
    background-color: #1f1515;
    font-size: 11px;
    color: whitesmoke; 
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family:  serif;
    overflow: hidden; 
    height: 100%; 
    text-align: left;
}


.draggable-resizable {
    width: 300px;
    height: auto;
    max-width: none;
    max-height: auto;
    font-size: 11px;
    color: whitesmoke; 
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family:   sans-serif;
    cursor: move;
    border-style: none;
    position: absolute; 
    z-index: 1;
    overflow: hidden; 
    
}

.draggable-resizable:nth-of-type(2) {
    z-index: 2;
    position: absolute;
    overflow: hidden; 
}


.draggable-resizable img {
    width: 100%;
    height: auto;
    overflow: hidden;
}