html,body{height:100%;font-family:Courier New,Courier,monospace}body{margin:0}#app{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem}#app #result{height:4rem;font-size:4rem;flex-basis:1;display:flex;gap:100vw;transition:gap 3s linear}#app #result #first{transform:rotate(0);transition:transform 3s linear}#app #result.visible #first{transform:rotate(1080deg)}#app #result #second{transform:rotate(1080deg);transition:transform 3s linear}#app #result.visible #second{transform:rotate(0)}#app #result.visible{gap:2rem}#app .title{font-size:3.5rem;font-weight:700;flex-basis:1}#app .content,#app .button-container{flex-basis:1}#app .button-container button{font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:bolder;background-color:#c5c5c5;width:15rem;border-color:#000;border-radius:.25rem;color:#000}#app .password-input{padding:.25rem .75rem;border-color:#000;border-radius:.25rem;font-family:Courier New,Courier,monospace;font-size:2rem;width:3rem;height:4rem;text-align:center}#app .password-input:focus-visible{outline:transparent}#error-info{margin-top:.5rem;color:red;text-align:center;display:none}#error-info.show{display:block!important}