<!--Title-->
    <h1 class=AppName>FORTIFY</h1>
    <p style="font-family: sans-serif; font-size: 35px; position: absolute; top: 95px; color: #145ecc;" id="credit">By: LeoChengSC</p>
    <p style="font-family: sans-serif; font-size: 35px; position: absolute; top: 95px; color: #145ecc;" id="buildNum">build1.5.1b1</p>
    <hr id="line">
    <h6 class="TextSettings" style="font-size: 10px;">This application can only decode encrypted data using Fortify!</h6>
    
    <!--Input-->
    <label class="TextSettings" style="font-size: 30px;">Decrypted text:</label><br>
    <input type="text" id="dtext" name="dtext" style="size: 150%">
    <button class="Button" onclick="DisplayOutput(EncodeData(btoa(unescape(encodeURIComponent(document.getElementById('dtext').value)))))">Encode</button><br><br>
    
    <label class="TextSettings" style="font-size: 30px;">Encrypted text:</label><br>
    <input type="text" id="etext" name="etext">
    <button class="Button" onclick="DisplayOutput(DecodeData(document.getElementById('etext').value))">Decode</button><br>

    <!--Output-->
    <p style="color: white;" id="Info"></p>
    <a style="color: green; font-family: 'Katahdin Round';" id="OutputLabel"></a>
    <a style="color: white; font-family: system-ui; word-break: break-all" id="OutputData"></a>
    <br><br>

    <!--Copy-->
    <button id="CopyToClipboardButton" class="Button" onclick="CopyToClipboard()">Copy</button><br><br>
    <br>