*{font-family:Orbitron,sans-serif;letter-spacing:2px}body{background-color:#11151a;color:wheat;height:100vh!important}.text-wheat{color:wheat!important}.logo img{border-radius:50%;width:50px}.logo:hover img,.logo img{transition:transform .7s ease-in-out}.logo:hover img{transform:rotate(-30deg)}.logo p{font-size:30px;padding-bottom:20px;white-space:nowrap}.logo:hover p{background-image:url(/images/underline.gif);background-position:center 45px;background-repeat:no-repeat}header{background:linear-gradient(1turn,#000,#ffffff0d)}.modal-style,header{box-shadow:0 0 5px 2px #40997f}.modal-style{background:linear-gradient(1turn,#000,#14001a)}header h1{align-self:center}header div h5{font-size:12px;white-space:pre-line}@media (max-width:1020px){header{flex-direction:column}}.btn-plugboard,.btn-reset{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:5}.keyboard{background:#11151a;border:1px solid #9b9797;border-radius:4px;padding:20px 10px 10px;z-index:5}.key-style{display:flex;list-style:none;padding-left:0;width:100%}.key-style li{align-items:center;background:repeating-linear-gradient(180deg,grey,transparent 50px);border:1px solid #ff000069;border-radius:25%;box-shadow:0 1px 2px 3px #8080809e;color:#fff;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;width:46px}.keyboard.inactive ul li{opacity:.65;pointer-events:none}.key-style li:active{-webkit-animation:click .1s;animation:click .1s;box-shadow:0 0 0 0 grey;transform:scale(.8)}@-webkit-keyframes click{0%{transform:scale(1)}to{box-shadow:0 0 0 0 grey;transform:scale(.8)}}@keyframes click{0%{transform:scale(1)}to{box-shadow:0 0 0 0 grey;transform:scale(.8)}}.led{z-index:5}.led-style{display:flex;list-style:none;padding-left:0;width:92%}.led-style li{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #8a8a8a;border-radius:50%;box-shadow:0 0 5px 5px #000;color:gray;cursor:default;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.led-style li.active{color:#ffecbf;text-shadow:0 0 20px #ffeaba,0 0 20px #ffdd8d,0 0 20px #ffd677,0 0 20px #ffb100,0 0 20px #ffb100,0 0 25px #ffb100,0 0 30px #ffb100,0 0 30px #ffb100,0 0 35px #ffb100,0 0 40px #ffb100,0 0 50px #ffb100,0 0 60px #ffb100,0 0 65px #ffb100,0 0 70px #ffb100}.output{z-index:5}.output textarea{background:repeating-linear-gradient(184deg,#000,#2a3440 128px);border-radius:5px;box-shadow:0 0 4px 3px #000;color:#1bff00;font-family:monospace;font-size:27px;padding:10px;resize:none;text-transform:uppercase}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.rings{z-index:5}.ring-1{background:#11151a;border:1px solid #9b9797;border-radius:8px;display:flex;font-size:20px;padding:10px;text-align:center}.ring-1 div h6{text-shadow:0 0 20px #efefef}.ring-1 input{align-self:center;font-size:15px;font-weight:600;height:33px;line-height:40px;margin-left:8px;margin-right:8px;padding:5px;width:50px}.ring-1 input,.ring-2{border-radius:8px;text-align:center}.ring-2{background:#11151a;border:1px solid #9b9797;display:flex;font-size:20px;padding:10px}.ring-2 input{align-self:center;font-size:15px;font-weight:600;height:33px;line-height:40px;margin-left:8px;margin-right:8px;padding:5px;width:50px}.ring-2 input,.ring-3{border-radius:8px;text-align:center}.ring-3{background:#11151a;border:1px solid #9b9797;display:flex;font-size:20px;padding:10px}.ring-3 h6{text-shadow:0 0 20px #efefef}.ring-3 input{align-self:center;border-radius:8px;font-size:15px;font-weight:600;height:33px;line-height:40px;margin-left:8px;margin-right:8px;padding:5px;text-align:center;width:50px}.rotors{z-index:5}.rotor-1{background:#11151a;border:1px solid #9b9797;border-radius:8px;display:flex;flex-direction:column;font-size:20px;height:185px;padding:20px;text-align:center;width:80px}.rotor-1 div h5{text-shadow:0 0 20px #efefef}.rotor-1 input{align-self:center;font-weight:600;line-height:40px;margin-bottom:8px;margin-top:8px;width:64px}.rotor-1 input,.rotor-2{border-radius:8px;font-size:20px;text-align:center}.rotor-2{background:#11151a;border:1px solid #9b9797;display:flex;flex-direction:column;height:185px;padding:20px;width:80px}.rotor-2 input{align-self:center;font-weight:600;line-height:40px;margin-bottom:8px;margin-top:8px;width:64px}.rotor-2 input,.rotor-3{border-radius:8px;font-size:20px;text-align:center}.rotor-3{background:#11151a;border:1px solid #9b9797;display:flex;flex-direction:column;height:185px;padding:20px;width:80px}.rotor-3 input{align-self:center;border-radius:8px;font-size:20px;font-weight:600;line-height:40px;margin-bottom:8px;margin-top:8px;text-align:center;width:64px}.machine,.machine-2,.machine-3,.machine-4{background-image:url(/images/enigma/metal.jpg);border:1px solid;border-radius:3px;box-shadow:inset 0 0 20px 10px #000;height:100%;opacity:.3;position:absolute;width:100%}.plugboard,.plugboard .plugTxt{z-index:5}.plugboard .plugTxt h6{margin:0}.plugboard .plugTxt h3,.plugboard .plugTxt h6{text-shadow:0 0 20px #efefef}.plugboard.inactive ul li label{opacity:.5;pointer-events:none!important}.plugboard ul:nth-child(2),.plugboard ul:nth-child(3){margin-bottom:60px;padding:0}.plugboard ul:nth-child(4){margin:0;padding:0}.plugboard ul li{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid #000;display:flex;flex-direction:column-reverse;font-size:25px;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:44px}.plugboard ul li label{cursor:pointer;font-size:26px;margin-bottom:5px;padding-bottom:28px;text-shadow:0 0 20px #efefef;z-index:10}.plugboard ul li input{opacity:0;position:absolute;visibility:hidden}.plugboard ul li input:checked+span{border-color:#000;box-shadow:0 0 0 4px #604b4b}.plugboard ul li input:checked+span:after{opacity:1!important;transform:scale(1)!important}.plugboard ul li span{align-items:center;background-color:#000;border:2px solid #ea0000;border-radius:100px;box-shadow:inset 0 0 0 0 #ea0000;display:flex;height:30px;justify-content:center;position:absolute;transition:all .15s cubic-bezier(0,1.05,.72,1.07);width:30px}.plugboard ul li span:after{background-color:#f1eb30;background-size:50%;border-radius:100px;content:"";height:100%;opacity:0;position:absolute;transform:scale(0);transition-delay:.2s!important;transition:all .25s cubic-bezier(0,1.05,.72,1.07);width:100%;z-index:4}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #11151a!important}input:-webkit-autofill{-webkit-text-fill-color:#fff!important}.plugboard ul li label.inactive{opacity:.5;pointer-events:none!important}.plugboard ul li input.pair0+span:after{background-color:#0ff340!important;color:#000;content:"1";font-size:17px;text-align:center}.plugboard ul li input.pair2+span:after{background-color:#30baf1;color:#000;content:"2";font-size:17px;text-align:center}.plugboard ul li input.pair4+span:after{background-color:#8a30f1;color:#000;content:"3";font-size:17px;text-align:center}.plugboard ul li input.pair6+span:after{background-color:#f130c1;color:#000;content:"4";font-size:17px;text-align:center}.plugboard ul li input.pair8+span:after{background-color:#1b18ec;color:#000;content:"5";font-size:17px;text-align:center}.plugboard ul li input.pair10+span:after{background-color:#0e8b03;color:#000;content:"6";font-size:17px;text-align:center}.plugboard ul li input.pair12+span:after{background-color:#eeea04;color:#000;content:"7";font-size:17px;text-align:center}.plugboard ul li input.pair14+span:after{background-color:#ee0404;color:#000;content:"8";font-size:17px;text-align:center}.plugboard ul li input.pair16+span:after{background-color:#27656d;color:#000;content:"9";font-size:17px;text-align:center}.plugboard ul li input.pair18+span:after{background-color:#6d4927;color:#000;content:"10";font-size:17px;text-align:center}.respDiv{justify-content:space-between;position:absolute}.respDiv .resp2Div{padding:3rem}@media (max-width:1750px){.respDiv{justify-content:center;position:unset}.respDiv .resp2Div{padding:0}}

/*# sourceMappingURL=enigma.css.map*/