body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Fuzzy Bubbles', cursive;
}
nav {
    background-color: yellow;
    display: flex;
    justify-content: center;
    font-size: 2rem;
    /* margin: 10px; */

}


#btn {
    background: yellow;
    margin: 20px;
    padding: 15px;
    border: none;
    font-weight: 600;
    cursor: pointer;

     
}

textarea{
    margin-top: 20px;
    height: 10vw;
    width: 40%;
    padding: 10px;
}

#output-el{
    width: 40%;
    height: 10vw;
    border: 1px solid black;
    margin: auto;
    padding: 10px;
    margin-bottom: 20px; 
    
}

footer{
    background-color: yellow;
    /* display: flex; */
    /* justify-content: center; */
    padding: 10px;
    /* display: inline; */
    font-size: 1rem;
}