.BodyCip{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.OverlayEncDec{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:900px;background-color:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 30px #0000004d;padding:30px;text-align:center}.EncMainTitle{margin-bottom:30px}.EncMainTitle h2{font-size:2.8rem;margin-bottom:10px;color:#fff;text-transform:uppercase;letter-spacing:4px}.EncMainTitle h3{font-size:1.5rem;font-weight:400;color:#d1d5db}.EncDecBoxes{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.EncBox,.DecBox{background:#ffffff1f;border:1px solid #002a6d;border-radius:15px;padding:20px;width:45%;min-width:300px;max-width:400px;box-shadow:0 6px 20px #0003;transition:transform .3s,box-shadow .3s}.EncBox:hover,.DecBox:hover{transform:scale(1.05);box-shadow:0 8px 25px #0006}.EncBoxTitle h2{font-size:1.6rem;text-align:center;margin-bottom:15px;color:#fff;text-transform:uppercase}.EncBoxFoot{text-align:center}.EncBoxFoot label{display:inline-block;font-size:1rem;font-weight:700;margin-bottom:10px;cursor:pointer;color:#ddc581;text-transform:uppercase;border:1px solid #ddc581;padding:8px 16px;border-radius:5px;transition:background-color .3s,color .3s}.EncBoxFoot label:hover{background-color:#ddc581;color:#fff}.EncBoxFoot input{display:none}.EncBoxFoot button{background-color:#ddc581;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:background-color .3s}.EncBoxFoot button:hover{background-color:#ddc581}:root{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;background-color:#1f1f1f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ff0000' fill-opacity='0.16'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");color:#f5f5f5;margin:10px}body{overflow:scroll;overflow-x:hidden}a{color:#408d44}button{padding:9px 12px;background-color:#c4ffc7;border-radius:10px;border:none}button:hover{background-color:#4caf50;border-radius:5px;padding:10px 13px;transition:all 3s ease-in-out}h1{display:flex;justify-content:center;align-items:center;color:#fff;text-shadow:-1px 1px 0 #8f1c1c,1px 1px 0 #8f1c1c,1px -1px 0 #8f1c1c,-1px -1px 0 #8f1c1c;font-size:3em}.encryptionbox{transform:translateY(-30px);border-radius:10px;width:700px;height:330px;background-color:#8381811c;display:grid;grid-template-rows:50px 25px 25px 25px 50px 50px 25px 25px 25px;border:3px solid rgba(216,197,197,.185);word-wrap:break-word;white-space:pre-wrap;overflow:hidden;text-align:left;margin:10px;max-height:330px;overflow-y:auto}.encryptiontitle,.decryptiontitle{margin-left:10px;transform:translateY(-20px);grid-row:1}.encryptedtitle,.decryptedtitle{margin-left:10px;transform:translateY(-7px);grid-row:6}.encryptedtext,.decryptedtext{margin-left:10px;transform:translateY(-30px);grid-row:7}.texttoencform,.texttodecform{transform:translateY(-40px);grid-row:3}.overallbox{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px}.decryptionbox{transform:translateY(-30px);border-radius:10px;width:700px;height:330px;background-color:#8381811c;display:grid;grid-template-rows:50px 25px 25px 25px 50px 50px 25px 25px 25px;border:3px solid rgba(216,197,197,.185)}h2{color:#fd587c;text-shadow:3px 3px 5px rgb(0,0,0);font-size:1.5em}h3{text-shadow:4px 4px 5px rgb(0,0,0);color:#fd6347;font-size:1.5em}h4{color:#fca2a2;text-shadow:5px 5px 5px rgb(0,0,0);font-size:1.3em}input{margin-top:2px;margin-bottom:2px;padding:3px;width:400px;height:600px;border-radius:6px;border:none;background-color:#ffafaf;border:2px solid whitesmoke;color:#000;font-weight:700}.subbtn{width:auto;padding:5px;border:3px solid rgb(255,0,0);background-color:#242424;border-radius:8px;margin-bottom:5px;color:#f5f5f5;font-weight:700;transition:all .5s;margin-left:10px;width:200px}.subbtn:hover{background-color:red;padding:7px}.text-area{margin-top:2px;margin-bottom:2px;margin-left:10px;padding:3px;width:650px;height:100px;border-radius:6px;border:none;background-color:#ffafaf;border:2px solid whitesmoke;color:#000;font-weight:700;resize:vertical;overflow-y:auto;font-family:inherit;font-size:inherit}.AllBox{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:row}.otherFormatbox{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:10px;padding:20px}.FormatScrollBox{display:flex;flex-wrap:wrap;justify-content:space-around;gap:30px}.FormatScrollBox button{flex:0 1 30%;padding:15px;background-color:#4caf50;color:#fff;border-radius:5px;text-align:center;font-size:1.2rem;cursor:pointer;transition:background-color .3s;border:none}.FormatScrollBox button:hover{background-color:#408d44}h2{text-align:center;width:100%;margin-bottom:20px}@media screen and (max-width: 900px){.AllBox{flex-direction:column}body{overflow:scroll}}