body{background-color:#dadeff98}.fillArea{transition:background-color .4s}.fillArea:hover{background-color:#d4f2ff}.input-container{display:flex;flex-wrap:wrap;width:103px;height:40px;margin-right:0}.parent-container{display:flex;text-align:center;align-items:center}.parent-container2{display:grid;height:80px;align-items:center;text-align:center}.input-container input{text-align:center;width:95px;height:40px;margin-top:1px;margin-bottom:1px;border:1px solid #ccc;border-radius:5px;font-size:16px}.input-container span{display:block;font-size:14px;color:#666;margin-top:5px}#parentContainer2{background-color:#fff;margin-bottom:20px;box-shadow:4px 4px 5px #0003}#LetterText1{padding-left:20px;font-size:15px;width:150px;display:inline-block;line-height:1.2}#LetterText2{font-size:15px;width:300px;display:inline-block;line-height:1.2}.containerButton{width:100px;height:40px;margin-right:3px;margin-bottom:2px;background-color:#004c82;color:#fff;border:none;border-radius:5px;cursor:pointer;box-sizing:border-box;transition:background-color .4s,border-color .4s}.containerButton:hover{background-color:#0078f9;border:2px solid #00f2ff}button{padding:0;width:100px;height:40px;margin-top:2px;box-sizing:border-box;background-color:#67a1ce;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .4s,border-color .4s}button:hover{background-color:#00bbf9;border:2px solid #00f2ff}.output{margin-left:5px;padding-left:2px;margin-right:5px;width:100px;padding-top:10px;padding-bottom:80px;-webkit-text-fill-color:#000000;font-size:20px}