*{padding:0;margin:0}body{background-color:#111827}.main-title h1{color:#e5e7eb;font-size:2rem}.sub-title h2{color:#9aa1ac}.main-container{max-width:1280px;margin:0 auto}.app-container{margin:5rem auto 0;max-width:31.25rem;width:100%}.secret-area{display:flex;gap:1rem;flex-direction:column}.secret-text{background-color:#1f2937;color:#e5e7eb;padding:1rem;resize:none;border:1px solid #e5e7eb;width:95%;box-sizing:border-box;margin:0 auto}.secret-text:focus{outline:1px solid #e5e7eb}.secret-button{align-self:center;padding:.5rem 1rem;background-color:#1f2937;border:1px solid #e5e7eb;color:#e5e7eb;border-radius:10px;cursor:pointer}.secret-button:hover{background-color:#e5e7eb;border:1px solid #1f2937;color:#1f2937}.see-container,.crypt-container,.fallback{color:#e5e7eb;text-align:center;display:flex;flex-direction:column;gap:.5rem}.see-container p,.crypt-container p,.fallback p{font-size:1.5rem;margin-bottom:.5rem}.see-container span,.crypt-container span,.fallback span{color:#9aa1ac}.secret-btn-hidden{opacity:0;transition:.5s}.secret-btn-show{opacity:1;transition:.5s}.secret-navigation{max-width:31.25rem;margin:1rem auto -2rem;display:flex}.secret-logout{width:95%;margin:0 auto;display:flex;justify-content:flex-end;gap:1rem}.secret-logout a{text-decoration:none}