body {
    background-color: #CCD5AE;
}

h1 {
    text-align: center;
    margin: 3rem 0;
}

h1, h4 {
    color: #686564;
}

#translateArea {
    background-color: #E9EDC9;
    border-color: #FAEDCD;
    height: 300px;
}

#translatedArea {
    background-color: #E9EDC9;
    border-color: #FAEDCD;
    border-radius: 6px;
    padding: 10px;
}

.btn-primary, .btn-primary:hover
, .btn-primary:active, .btn-primary:focus
, .btn-primary:focus-visible, .btn-primary:first-child:active  {
    background-color: #D4A373;
    border-color: #D4A373;
}

.btn-info, .btn-info:hover
, .btn-info:active, .btn-info:focus
, .btn-info:focus-visible, .btn-info:first-child:active  {
    background-color: #FAEDCD;
    border-color: #FAEDCD;
}

#cookiefirst-cookies-table {
    display: none;
}

.form-floating { padding: 10px; }
#translatedAreaContainer { padding: 20px; }

#btnTranslation {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}