body {
    background-image: url("resources/wooden-panel.jpg");
    /*
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    */
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
}

.output-area {
    background-color: rgba(75, 58, 1, 0.80);
    color: #c5c5c2;
    border-radius: 7px;
    padding: 0.5rem;
    margin: 0.5rem;
    /*
    background-color: #4b3a01;
    min-width: 45vw;
    max-width: 80vw;
    min-height: 200px;
    */
}

.title {
    color: black;
    border-radius: 10px;
    margin: 0.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0.5rem;
    background-color: rgba(255, 235, 205, 0.9);
}

.footer {
    background-color: rgba(245, 245, 220, 0.80);
    border-radius: 10px;
    margin: 0.5rem;
    margin-top: 3rem;
    padding: 0.5rem;
}

#input-area {
    background-color: rgba(34, 53, 0, 0.80);
    color: #c5c5c2;
    border-radius: 7px; 
    padding: 0.5rem;
    margin: 0.5rem;
    /*
    padding: 20px;
    margin: 2rem;
    */       
}

#phone-area {
    display: none;
    background-color: rgba(75, 58, 1, 0.80);
    color: #c5c5c2;
    border-radius: 7px;
    padding: 0.5rem;
    margin: 0.5rem;
}