body {
    background-color: rgb(255, 252, 236);
    background-color: #4d239e;
    color: white;
    font-family: lato ,sans-serif;
}

h1 {
    font-size: 3em;
    text-align: center;
}

input {
    background-color: #f1f5f9;
    border: 0;
    margin: 0.25em 0;
    padding: 0.25em;
    border-radius: 0.25rem;
    font-family: lato ,sans-serif;
    box-shadow: 0 0 2px rgba(151, 151, 151, 0.363);
}

input:focus {
    background-color: #3776ff;
    background-color: #d4d9dd;
    color: rgb(44, 44, 44);
}

button {
    background-color: #1ab7f5;
    border: 0;
    margin: 1em 0;
    padding: 1em;
    border-radius: 1em;
    font-family: lato, sans-serif;
    text-transform: uppercase;
    transition-duration: 800ms;
}

button:hover, button:focus {
    background-color: #46e097;
    background-color: #2edf77;
    transition-duration: 200ms;
}

button:active {
    background-color: #aaf006;
}

textarea {
    box-sizing: border-box;
    width: 100%;
    resize: vertical;
    border: 0;
    background-color: #f1f5f9;
    border-radius: 1em;
    padding: 1em;
    box-shadow: 0 0 2px rgba(151, 151, 151, 0.363);
}

textarea:focus {
    background-color: #d4d9dd;
}

#FB_funnyText {
    font-size: 1rem;
    transition-duration: 3s;
}

#FB_funnyText:hover {
    color: rgb(235, 133, 255);
    transition-duration: 300ms;
    /* transition-property: color; */
}


#formBuilderOutput {
    background-color: #feffff;
    color: rgb(41, 41, 41);
    padding: 2em;
    margin: 4em;
    min-width: 200px;
    /* display: block; */
    border-radius: 1em;
    box-shadow: 0 0 3em rgba(109, 181, 248, 0.815), inset 0 0 1em #5f61ca73; /*outer, inner*/
}