You need to edit both your section
and textarea
classes:
.section {
height: 1000px;
width: 670px;
border: thick solid rgb(51, 97, 120);
border-radius: 15px;
text-align: center;
padding: 0px;
background-image: url(Images/diag_pattern.png);
background-color: rgb(255, 255, 255);
overflow-y: hidden; /* ---- Make this hidden */
white-space: nowrap;
text-overflow: ellipsis;
}
.textarea {
height: 1000px;
width: 650;
padding-right: 20px;
padding-left: 20px;
list-style: none;
overflow-y: scroll; /* ---- Then make this scrollable */
}