body{
font-family:Arial;
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:20px;
padding:20px
}

textarea{width:100%;height:150px}

table{border-collapse:collapse;width:100%}
table,th,td{border:1px solid black}
th,td{padding:5px;text-align:center}

.replacement-inputs{
display:grid;
grid-template-columns:repeat(13,1fr);
gap:5px
}

.replacement-input{text-align:center;width:100%}

.output{
background:#f9f9f9;
padding:10px;
border:1px solid black;
white-space:pre-wrap
}

.blue{color:blue}
.red{color:red}
.green{color:green}

.big-button{
background:white;
border:2px solid black;
font-size:18px;
padding:12px 20px;
margin:6px 0;
cursor:pointer;
width:100%
}

.big-button:hover{background:#f0f0f0}