:root {
    --dark-blue-100: #609ED4;
    --dark-blue-200: #356EA9;
    --dark-blue-300: #0A3871;
    --dark-blue-400: #072B61;
    --dark-blue-500: #052051;

    --light-blue-100: #F3F5FC;
    --light-blue-200: #EFF1FA;
    --light-blue-300: #E9ECF8;
    --light-blue-400: #AAB2D5;
    --light-blue-500: #757FB2;

    --gray-100: #CED4DA;
    --gray-200: #ADB5BD;
    --gray-300: #868E96;
    --gray-400: #485057;
    --gray-500: #343A40;
}

/* Propriedade da Tela de Adicionar Palavra */
.tela-adicionar-palavra {
    width: 100%;
    height: 100%;
}

.area {
    width: 60%;
    margin-top: 300px;
}


form {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

    padding: 24px;

}

form textarea {
    width: 60%;
    margin-top: 150px;
    border: none;
    font-family: "Inter";
    outline: none;
    color: var(--dark-blue-300);
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    background-color: transparent;
}

form textarea::placeholder {
    color: var(--dark-blue-300);
}

.alerta {
    font-family: 'Inter';
    font-size: 12px;
    color: var(--gray-400);
    opacity: 0.8;
    margin: 0 0 16px 8px;
}

.alerta img {
    margin-bottom: -4px;
}

button.salvar-palavra {
    width: 332px;
    height: 67px;
    background-color: var(--dark-blue-300);
    color: #D8DFE8;
}

button.cancelar {
    width: 332px;
    height: 67px;
    background-color: #D8DFE8;
    color: var(--dark-blue-300);
}

/* Fim da Tela de Adicionar Palavra */