*{font-family:monospace;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}body{height:100vh;position:relative;width:100vw}body::-webkit-scrollbar{display:none}.key-grid{display:inline-grid;gap:10px;grid-template-columns:repeat(5,30px);grid-template-rows:repeat(5,30px)}.cell{align-items:center;border:1px solid #000;display:flex;font-size:20px;font-weight:700;justify-content:center;padding:10px}.encrypt{height:100vh;position:relative;width:100vw}.back{border:2px solid #000;left:0}.back,.next{background-color:#000;bottom:0;color:#fff;font-size:20px;margin:10px;padding:10px;position:fixed}.next{border:3px solid #000;right:0}.back:hover,.next:hover{background-color:#fff;color:#000;cursor:pointer}.start{background-color:#000;color:#fff;height:100px;width:100px}.text-key-inputs{align-items:center;display:flex;flex-direction:column;justify-content:center}.title{font-size:60px;font-weight:bolder;margin-top:50px}.inputs{align-items:center;display:flex;flex-wrap:wrap;gap:10vw;justify-content:center;margin:50px 100px}input{border:none;border-bottom:5px solid #969696;font-size:20px;outline:none;padding:20px;width:30vw}input:focus{border-bottom:5px solid #000;box-shadow:0 5px 20px 10px #0000001a}.key-label,.text-label{font-size:15px;font-weight:700;margin-bottom:10px}.start-encryption{border:3px solid #000;cursor:pointer;font-size:20px;font-weight:bolder;padding:20px}.start-encryption:hover{background-color:#000;color:#fff}.error{color:red;font-size:15px;font-weight:700;margin:20px}.text-key{align-items:center;display:flex;flex-wrap:wrap;gap:300px;justify-content:center;margin:25px}.key,.text{font-size:30px;font-weight:700}.key-sec,.text-sec{border:2px solid #000;padding:10px 40px 10px 20px}.key-sec :first-child,.text-sec :first-child{font-size:12px}.step{margin:20px 50px}.step-title{align-items:baseline;display:flex;flex-wrap:wrap;font-size:40px;font-weight:700}.step-num{font-size:20px;margin-right:10px}.rule-title{font-size:40px;font-weight:700}ul{margin:20px}li{font-size:20px;margin-top:10px}.dup-rem{flex-wrap:wrap;font-size:40px;font-weight:700;margin:20px}.dup-rem,.input-cells,.output-cells{align-items:center;display:flex;gap:10px}.input-cells,.output-cells{justify-content:center}.input-cells div,.output-cells div{height:10px;width:10px}.transformation{align-items:center;display:flex;gap:50px;justify-content:space-evenly}.digraph-block{color:#d3d3d3;cursor:pointer}.rule-block{align-items:center;display:flex;justify-content:center}.rule{background-color:#000;border:2px solid #000;color:#fff;cursor:pointer;font-size:20px;font-weight:700;padding:10px}.rule:hover{background-color:#fff;color:#000}.output-char{font-size:40px;font-weight:700}.result{flex-direction:row;gap:30px;justify-content:space-evenly;margin:50px}.instant-result,.result{align-items:center;display:flex;flex-wrap:wrap}.instant-result{gap:50px;justify-content:center;margin:0 20px 50px}.instant-result :first-child{border:3px solid #000;cursor:pointer;font-size:20px;font-weight:700;padding:10px}.instant-result :first-child:hover{background-color:#000;color:#fff}.instant-result :nth-child(2){border-bottom:5px solid #000;font-size:25px;font-weight:700;padding:5px}.nav-bar{left:0;margin:20px;position:fixed;top:0;z-index:100}.nav-bar-icon{align-items:center;background-color:#000;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:50px;justify-content:center;width:50px}.nav-bar-icon-line{background-color:#fff;height:5px;width:30px}.full-navbar{background-color:#000;display:flex;flex-direction:column;justify-content:center;padding:10px;position:relative}.section{border-left:5px solid #fff;color:#fff;cursor:pointer;font-size:20px;margin:5px;padding:5px}.section:hover{background-color:#fff;color:#000}.close{align-items:center;background-color:#000;color:#fff;cursor:pointer;display:flex;font-size:25px;height:30px;justify-content:center;position:absolute;right:0;top:0;width:30px}.close:hover{background-color:#fff;color:#000}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 10vw}.main-title{font-size:60px;font-weight:700;margin:20px}.description{font-size:20px;text-indent:100px}.terms{gap:100px}.terms,.terms-section{align-items:center;display:flex;justify-content:center}.terms-section{flex-direction:column;width:100%}.term{border:2px solid #d3d3d3;cursor:pointer;font-size:20px;font-weight:500;margin:10px;padding:5px 10px;width:100%}.term:hover{background-color:#000;border:2px solid #000;color:#fff}.term-description{align-items:center;display:flex;font-size:20px;justify-content:center;padding:20px;text-indent:100px}.section-title{align-self:flex-start;font-size:30px;font-weight:700;margin:20px 0 10px}.footer{height:50px}.name-image{align-items:center;display:flex;flex-wrap:wrap-reverse;justify-content:space-evenly;margin-top:60px;width:100%}.name{font-size:50px;font-weight:700}.image{height:250px}.content-bar{align-items:center;align-self:flex-start;background-color:#000;display:inline-flex;flex-wrap:wrap;justify-content:center;margin:20px 0;position:fixed;top:0}.content{color:#fff;font-size:15px;margin:10px;text-decoration:underline}@media (max-width:900px){.terms{flex-direction:column;gap:10px;width:auto}.terms-section{flex-direction:row;flex-wrap:wrap}.nav-bar{margin:10px}.nav-bar-icon{gap:4px;height:40px;width:40px}.nav-bar-icon-line{height:4px;width:25px}input{width:70vw}.text-key{gap:10vw}.transformation{flex-direction:column}}
/*# sourceMappingURL=main.ec89a430.css.map*/