.input-text{
    float: left;
}
.output-text{
    float: right;
}
textarea {
    width: 100%;
    height: 400px;
    align-items: center;
    font-size: 21px;
    padding: 10px;
    line-height:1.6;
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: var(--background-color);
    color:var(--a-color) ;
    margin: 0% 1%;
}
button {
    width:100%;
    padding:1%;
    background-color:var(--highlighttext-color);
    color:var(--a-color) ;
    font-size: 24px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    cursor: pointer;
    align-items: center;
    margin-bottom: 1%;
}
button:hover {
    box-shadow: 5px 5px 10px var(--boxshadow-color);
}
#output {
    display:block;
    width: 100%;
    height: 398px;
    align-items: center;
    font-size: 21px;
    padding: 10px;
    line-height:1.6;
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: var(--background-color);
    color:var(--a-color) ;
    border: 1px solid var(--text-color);
    overflow-y: scroll;
}
/* Hide scrollbar for Chrome, Safari and Opera */
textarea::-webkit-scrollbar,
#output ::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
textarea,
#output {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}