body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{padding:0;margin:0;font-family:Turret Road,cursive}h1{color:#2f4f4f;font-size:20px}h4{font-family:Press Start\ 2P,cursive;color:#f8f8ff;text-align:center}.header{height:150px;flex-direction:column;font-weight:700;font-family:Roboto,Helvetica,serif}.header,.main{width:100vw;display:flex;justify-content:center;align-items:center}.main{height:200px;padding:30px;background-color:#151515}li,ul{list-style:none}li{font-size:15px}.nav{color:#e0e0e0;font-family:Turret Road,cursive}.nav,.nav:visited{text-decoration:none}button{font-family:Press Start\ 2P,cursive;height:20px;width:150px;border-radius:2px;background-color:#2f4f4f;color:snow;top:0;left:0;-webkit-transition:all .15s linear 0s;transition:all .15s linear 0s;position:relative;display:inline-block}button:focus{outline:0}button:hover{top:3px;left:-3px;box-shadow:-3px 3px 0 #000}button:after{top:1px;left:-2px;width:4px;height:4px}.content{height:100%;width:100%;margin:0;display:flex;flex-direction:column;align-items:center}.passwordBox{margin-top:50px;display:flex;flex-wrap:wrap}.password{border-radius:10px;height:50px;width:220px;margin:3px;text-align:center;font-size:18px;font-weight:700;text-transform:capitalize;display:flex;align-items:center;justify-content:center}.password.pwNumCard{width:70px;color:#db7093;background-color:#db7093;-webkit-transition:background-color 1s linear;transition:background-color 1s linear}.password.pwAdj1Card{color:coral;background-color:coral;-webkit-transition:background-color 1s linear .3s;transition:background-color 1s linear .3s}.password.pwAdj2Card{color:#2e8b57;background-color:#2e8b57;-webkit-transition:background-color 1s linear .6s;transition:background-color 1s linear .6s}.password.pwSubCard{color:gold;background-color:gold;-webkit-transition:background-color 1s linear .9s;transition:background-color 1s linear .9s}.password.pwVerbCard{color:#00bfff;background-color:#00bfff;-webkit-transition:background-color 1s linear 1.2s;transition:background-color 1s linear 1.2s}.password.pwAdvCard{color:#9370db;background-color:#9370db;-webkit-transition:background-color 1s linear 1.5s;transition:background-color 1s linear 1.5s}.password.pwSpecialCard{width:70px;color:#5f9ea0;background-color:#5f9ea0;-webkit-transition:background-color 1s linear 1.8s;transition:background-color 1s linear 1.8s}.password.pwAdj1Card.visible,.password.pwAdj2Card.visible,.password.pwAdvCard.visible,.password.pwNumCard.visible,.password.pwSpecialCard.visible,.password.pwSubCard.visible,.password.pwVerbCard.visible{background-color:snow}.entropy{align-self:flex-end;height:30px;width:150px;margin:30px;text-align:center;font-size:10px;display:flex;align-items:center;justify-content:center}.slidingVertical{display:inline;text-indent:8px;background-color:#fff5ee}.slidingVertical p{-webkit-animation:topToBottom 2.5s linear 0s infinite;animation:topToBottom 2.5s linear 0s infinite;color:#00abe9;opacity:0;overflow:hidden;position:absolute}@-webkit-keyframes topToBottom{0%{opacity:0}5%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}10%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}25%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}80%{opacity:0}to{opacity:0}}@keyframes topToBottom{0%{opacity:0}5%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}10%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}25%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}80%{opacity:0}to{opacity:0}}.body{flex-direction:column;justify-content:center}.body,.demo{display:flex;align-items:center;flex-wrap:wrap}.demo{border-radius:15px;height:30vh;width:95vw;justify-content:space-evenly;margin-top:50px;margin-bottom:30px;box-shadow:#696969}.demo,.slots{background-color:#f8f8ff}.slots{align-items:center;justify-content:center;overflow:hidden;height:130px;display:flex}.frame,.slots{text-align:center}.frame{height:70px;width:150px}.pwCard{background-color:#f8f8ff;color:#000;height:160px;width:100px;text-transform:capitalize;text-align:center;align-items:center;justify-content:center;font-size:1.3em;font-family:Turret Road,cursive;font-weight:700}.machine{margin-top:10px;margin-bottom:10px;padding:5px;background-color:hsla(0,0%,41.2%,.6);height:80vh;width:80vw;flex-direction:row;justify-content:center;box-shadow:5px 5px #090913}.container,.machine{border-radius:5px;display:flex;align-items:center;flex-wrap:wrap}.container{background-color:rgba(1,1,1,.9);height:60vh;width:75vw;justify-content:space-around;box-shadow:-3px 3px #090913}.slotbox{height:18vh;width:150px;border-radius:10px;background-color:rgba(49,49,49,.67);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:3px 3px 3px 3px #090913}.frame03{height:30px}.frame03,.slots03{width:150px;text-align:center}.slots03{overflow:hidden;height:50px;display:flex;border-radius:10px}.pwCard03,.slots03{align-items:center;justify-content:center;background-color:#000}.pwCard03{color:#adff2f;height:100px;width:150px;text-transform:capitalize;text-align:center;font-size:.8rem;font-weight:lighter;font-family:Press Start\ 2P,cursive}.spin{height:30px;width:50px;font-size:15px;border-radius:50px}.spinStart{width:100px;background-color:#adff2f;color:#090913}.spinStart,.spinStop{height:50px;border:none;margin:20px;pointer-events:auto;cursor:pointer;box-shadow:-6px 6px 0 #000}.spinStop{width:50px;border-radius:80%;background-color:#e14050;font-size:10px}
/*# sourceMappingURL=main.a678776e.chunk.css.map */