:root {
    --text-color: rgb(12, 12, 123);
    --light-color: rgb(85, 108, 207);
    --accent-color: rgb(59, 5, 78);
    --grey-color: rgb(204, 205, 217);
    --error-color: rgb(255, 25, 0);
}
body {
    margin: 20px;
}
h1 {
    color: var(--text-color);
}
.input {
    width: 90vw;
    height: 130px;
    padding: 7px;
    background-color: var(--grey-color);
    border: none;
    outline: none;
    font-family: 'Times New Roman', Times, serif;
    font-size: large;
}
.btn {
    width: 100px;
    height: 30px;
    color: var(--light-color);
    background-color: var(--accent-color);
    border: none;
}
.label-text {
    position: relative;
    top: 20px;
    left: 5px;
    font-size: larger;
    color: var(--text-color);
    text-decoration: underline;
}
.len-counter {
    position: relative;
    width: 20px;
    left: 85vw;
}
#e {
    color: var(--error-color);
}