/* set the background color of the body */
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');

body {
    background-color: #F7F7F7;
    font-family: 'Press Start 2P';
}
.bootstrap-dark{
    margin: 50px !important;
    font-family: 'Press Start 2P' !important;
}

/* style the textareas */
textarea {
    background-color: #EFEFEF;
    border: none;
    color: #333;
    font-size: 1.2em;
    height: 777px;
    padding: 10px;
    resize: none;
    width: 100%;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;

}

/* style the input fields */
input[type="checkbox"], select {
    background-color: #EFEFEF;
    border: none;
    color: #333;
    font-size: 1.2em;
    margin-right: 5px;
    padding: 5px 10px;
}

/* style the buttons */
button {
    background-color: #333;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    padding: 10px 20px;
}

/* style the output textarea */
.output-wrapper textarea {
    background-color: #333;
    color: #fff;
}

/* style the copytoclipboard notification */
#copytoclipboard-wrapper {
    display: none;
}

#copytoclipboard {
    background-color: #5BC0BE;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    padding: 10px;
}