.header{flex:1}.guest-page{margin-top:0;top:0;position:relative;width:100%;height:100vh}body{height:100vh}.form-data{height:1000px}.header{background-color:#000;color:#fff;display:flex;justify-content:space-between;width:100%;padding-right:0;top:0;right:0;position:fixed;left:0;z-index:100}.header h1{text-align:center;display:flex;flex:1}.header h1.center{text-align:center;padding-left:0}.hash-image{width:70px;height:70px;margin-top:25px;margin-left:35px;border-radius:35px}.about{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:30px;margin-left:30px}.signup-signin{display:flex;justify-content:center;align-items:center;margin-right:25px;gap:20px}.sign-in,.sign-up{outline:none}.sign-in:hover,.sign-up:hover{box-shadow:0 0 30px #494848 inset;border-color:#000}.saveddata-button{margin-top:5px;margin-right:20px;background-color:#000;color:#fff;font-size:20px}.buttons{margin-top:40px}.form-data{background-color:#fff;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-right:75px;margin-top:700px;margin-bottom:100px}.hashcode-generate{border:1px solid black;border-radius:20px;border-width:3px;width:1000px;margin-top:150px;margin-left:75px;margin-bottom:50px;padding-left:70px;padding-right:40px;padding-bottom:30px;z-index:2;box-shadow:0 0 30px #464444 inset;transition:transform .3s ease,box-shadow .3s ease}.hashcode-generate:hover{transform:scale(1.03);box-shadow:0 0 30px #000}.generate-heading{text-align:center}.plaintxt-saltrounds{margin-top:50px}.text{margin-top:25px;margin-bottom:10px;font-weight:700;font-size:30px}.plaintext-input,.saltrounds-input{width:100%;padding:20px;margin-bottom:5px;border:2px solid black;border-radius:5px;font-size:15px;box-shadow:2px 2px 5px #0000004d;box-sizing:border-box;margin-right:20px}.hashcode-container{display:flex;padding-bottom:0}.generate-reset{margin-top:30px;margin-bottom:20px;gap:20px;width:500px}.generate-button,.reset-button,.save-button{margin-right:20px;margin-bottom:20px;border:1px solid black;border-radius:5px;box-shadow:2px 2px 5px #0000004d;font-size:20px}.generate-button{background-color:#6767c9}.reset-button{background-color:#d44343}.save-button{background-color:green}.hashcode-content{display:flex;font-size:20px;padding-bottom:0}.hashcode-content h1{font-size:25px;margin:0;padding-bottom:0}.copy-button{position:relative;z-index:1;margin-left:20px;padding-inline:15px;padding-block:5px;margin-bottom:20px;border-color:#fff;transition:background-color .5s ease;transition:color .5s ease}.copy-button:hover{color:#fff;background-color:#000}.copied-message{margin-left:20px;color:green;font-size:15px}.hash-code{margin-bottom:0;padding-bottom:0}.highlight{background-color:#7563df}.hashcompare{border:3px solid black;border-radius:20px;width:1000px;margin-top:120px;margin-left:75px;margin-bottom:300px;padding-left:80px;padding-bottom:30px;padding-right:40px;z-index:2;box-shadow:0 0 30px #464444 inset;transition:transform .3s ease,box-shadow .3s ease}.hashcompare:hover{transform:scale(1.03);box-shadow:0 0 30px #000}.hashcompare h1{text-align:center}.hashcompare input{width:100%;padding:20px;margin-bottom:5px;border:2px solid black;border-radius:5px;font-size:15px;box-shadow:2px 2px 5px #0000004d;box-sizing:border-box;margin-right:20px}.compare-button{display:flex;background-color:#7575c5;margin-top:20px;margin-bottom:20px;padding-left:450px;padding-right:435px;font-size:18px;width:100%;text-align:center}.compare-success{font-size:25px;margin:10px 0 0 230px;color:#40c440}.compare-failure{font-size:25px;margin:10px 0 0 230px;color:#ca3b3b}footer{text-align:center}footer h1{margin-bottom:0}.signup{text-align:center;margin-top:0;font-size:36px;font-weight:700;padding:20px 0;background-color:#000;top:0;left:0;right:0;position:absolute;color:#fff}.registration{display:flex;flex-direction:column;justify-content:center;align-items:center}.registration-form{display:flex;flex-direction:column;margin-left:450px;margin-top:140px;gap:20px;padding:80px 100px 60px 80px;border:2px solid black;border-radius:10px;border-width:4px;z-index:1;box-shadow:1px 2px 20px 2px #524e4e inset;transition:transform .3s ease,box-shadow .3s ease}.registration-form:hover{transform:scale(1.03);box-shadow:0 0 30px #000}.registration-form input{color:#000;font-size:15px;padding:8px 70px 8px 10px;border-radius:15px;transition:background-color .5s ease,box-shadow .5s ease}.registration-form input:hover{background-color:#fff9f9;box-shadow:0 0 20px #9c9999}.registration-formh1{font-size:25px;margin:0;padding-left:0;text-shadow:1px 3px 9px black}.submit-button{background-color:#000;color:#fff;margin-top:20px;border-color:#000}.already-signin:hover{text-decoration:underline}.signin{text-align:center;margin-top:0;font-size:36px;font-weight:700;background-color:#000;top:0;left:0;right:0;position:absolute;color:#fff;padding:20px 0 20px 20px;z-index:2}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form{display:flex;flex-direction:column;margin-left:450px;margin-top:140px;gap:20px;padding:80px 100px 60px 80px;border:2px solid black;border-radius:10px;border-width:4px;z-index:1;box-shadow:1px 2px 20px 2px #524e4e inset;transition:transform .3s ease,box-shadow .3s ease}.login-form:hover{transform:scale(1.03);box-shadow:0 0 30px #000}.login-form input{font-size:15px;padding:10px 50px 10px 10px;border-radius:15px}.login-form h1{font-size:20px;margin:0;padding-left:0}.submit-button{background-color:#000;color:#fff;margin-top:10px}.already{text-align:center}.already-signup:hover{text-decoration:underline}.about-heading{text-align:center;margin-top:0;font-size:36px;font-weight:700;padding:20px 0;background-color:#000;top:0;left:0;right:0;position:absolute;color:#fff}.about-matter{font-size:25px;font:100;font-family:bold;border:1px solid black;border-radius:15px;border-width:4px;box-shadow:1px 2px 20px 2px #000;text-shadow:0 0 5px #8f8186,0 0 10px #d3c9cc,0 0 15px #a5959b;width:500px;display:flex;justify-content:center;text-align:center;align-items:center;padding:50px 40px 50px 50px;margin-left:370px;margin-top:400px;flex-direction:column}.about-name{padding:20px;border:1px solid black;background-color:#000;color:#fff;border-radius:75px;margin-top:-80px;margin-bottom:25px}.about-name:hover{color:#fff}.dashboard{padding:20px;font-family:Arial,sans-serif}.dashboard-hash-part{margin-bottom:20px}.saved-data{margin-top:20px}.ordered-list{padding-left:20px}.list{margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.savedDataItems{margin-top:150px;margin-left:300px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 5px #00000080;width:700px}.ordered-list{list-style-type:decimal;padding-left:20px;width:500px}.noDataAvailable{text-align:center;padding:150px}.list{background-color:#f1f1f1;padding:15px;margin-bottom:10px;border-radius:6px;border:1px solid #ddd;transition:background-color .3s ease;font-family:bold;width:600px}.list:hover{background-color:#e0e0e0}li::marker{content:"#️⃣"}.list strong{font-weight:700;color:#333}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}