*{box-sizing:border-box}body{font-family:Open Sans,sans-serif;margin:0;width:100%;background:linear-gradient(92deg,#caf0f8 1.18%,#ade8f4)}p{margin:1px}main{padding:15px;height:100%}.header{display:flex;align-items:center;height:50px;background:linear-gradient(90deg,#023e8a 1.18%,#0096c7);color:#caf0f8;padding:5px}.header--image{height:100%;margin-right:6px}.header--image:hover{filter:drop-shadow(0 0 2em #646cffaa)}.header--title{font-size:1.25rem}.header--project{font-size:.75rem;font-weight:500;margin-left:auto;padding-right:20px}.form{height:100%;display:grid;grid-gap:3px;grid-template-columns:repeat(2,1fr);grid-template-rows:40px}.form--input{font-family:Roboto Mono,monospace;font-size:large;margin:0%;border-radius:5px;color:#03045e;background-color:#90e0ef;border:1px solid #CAF0F8;text-indent:5px}.form--button{font-family:Roboto Mono,monospace;font-weight:500;letter-spacing:-1px;border-radius:5px;background:linear-gradient(90.41deg,#023e8a 1.18%,#0096c7);color:#caf0f8;border:none}.results--form{display:grid;grid-template-columns:1fr;gap:5px}.results{border-radius:5px;border:1px dashed #03045E}.result{font-family:Roboto Mono,monospace;font-weight:500;letter-spacing:-1.5px;color:#03045e;margin:0;inline-size:1fr;overflow-wrap:break-word}.letters{font-family:Roboto Mono,monospace;font-size:100%;color:#023e8a;letter-spacing:-1.5px;margin-left:10px;margin-right:10px;inline-size:1fr;overflow-wrap:break-word}.footer--text{font-family:Roboto Mono,monospace;font-size:85%;color:#023e8a;letter-spacing:-1.5px;margin-left:10px;margin-right:10px;inline-size:1fr;overflow-wrap:break-word}