#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:250%;font-weight:700;background-color:#4682a9;padding:1%}.navigationMenu-container{display:flex;flex-direction:column;background-color:#91c8e4;padding:2%;margin-top:31%;margin-bottom:5%;border-radius:10px}.navigationMenu-container-header{justify-content:center;align-items:center;font-size:2rem;margin-bottom:5%}.navigationMenu-options-container{display:flex;flex-direction:row;flex-wrap:wrap;background-color:#749bc2;border-radius:10px;margin-top:1rem}.navigationMenu-length-container{display:flex;align-items:center;justify-content:center;margin:5%;margin-bottom:1rem}.navigationMenu-length-container label{flex:20%;margin:0;font-size:1.5rem;font-style:normal}.navigationMenu-length[type=number]{flex:10%;align-items:center;margin:0 1rem;border-radius:5%;font-size:2rem;height:5rem;border:.2rem solid #4682A9;padding:.2rem .5rem}.navigationMenu-length[type=number]::-webkit-inner-spin-button,.navigationMenu-length[type=number]::-webkit-outer-spin-button{margin:0;width:10rem;height:5rem;color:#4682a9;font-size:15px}.navigationMenu-length[type=range]{flex:60%;margin-right:5%;color:#4682a9}.navigationMenu-options-container section{flex:70%}.navigationMenu-options-container aside{flex:30%;display:grid;grid-template-columns:1fr 1fr}.navigationMenu-option{display:flex;flex-direction:column;padding:1rem;background-color:#749bc2;border-radius:10px;border:.3rem solid #4682A9;margin:1rem}.navigationMenu-option input{height:2rem;cursor:pointer}.navigationMenu-footer-container{display:flex;margin-left:30%;gap:1rem;flex-direction:row;justify-content:left;align-items:center;height:10vh;padding:3%;border-radius:10px}.navigationMenu-footer-confirmationMessage{align-items:right;background-color:green;border-radius:10px;padding:.5rem}.alphabet-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#91c8e4;padding:5%}.alphabet-title{display:flex;justify-content:center;align-items:center;font-size:2rem;margin-bottom:5%;padding:3%;background-color:#4682a9}.alphabet-description{display:flex;justify-content:center;align-items:center;font-size:1.5rem;margin-bottom:5%;background-color:#749bc2;padding:5%}.letter-container{display:flex;flex-wrap:wrap;justify-content:center}.letter{margin:.5rem;padding:.5rem;border:1px solid black;border-radius:.5rem;font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;width:8%;height:8%}.letter.marked{background-color:#6db65b;color:#fff;border:1px solid #6db65b}.letter:not(.marked){background-color:#e21313;color:#fff;border:1px solid #e21313}#main-password{position:fixed;top:0;left:0;width:100%;z-index:10000;margin-bottom:5%}.buttons-images{width:1.2rem;height:1.2rem}.password-container{display:flex;flex-direction:row;align-items:center;height:20vh;background-color:#91c8e4;height:30vh;padding:2%;margin-bottom:2%}.password{flex:80%;font-size:200%;background-color:#749bc2;border-radius:5px}.password-utils-container{flex:35%;display:flex;flex-direction:column;align-items:left;justify-content:left;height:20vh;font-size:1.2rem;background-color:#749bc2;margin-left:2%;padding-bottom:5%;padding-top:5%}.password-utils-container button{align-items:right;margin:5% 5% 10% 10%;align-items:center}.copy-message{font-style:bold}.copy-container{display:flex;flex-direction:row;gap:1rem}.copy-container>span{padding-right:2rem}.refresh-container{display:flex;flex-direction:row}.footer-information-container{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center;margin-top:4%;padding:2%;background-color:#91c8e4}.footer-information-anchor{display:flex;flex-direction:column;align-items:center;justify-content:center}.github-logo{width:1.5rem;height:1.5rem;margin-bottom:.25rem}: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#f6f4eb}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}}.button-with-image{background-size:contain;background-repeat:no-repeat;background-position:center;border:none;cursor:pointer}