@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#303b3f;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%}#content{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Ubuntu;height:89vh;justify-content:center;position:relative;top:11vh}body,html{margin:0;padding:0}.Home{align-items:center;display:flex;flex-direction:column;font-family:Ubuntu;height:100%;width:100%}.Home p{font-size:1.2em}.Home li{margin:1em}.Home .diag{background-image:radial-gradient(#22a6b3 4px,transparent 0),radial-gradient(#22a6b3 4px,#303b3f 0);background-position:0 0,50px 50px;background-size:100px 100px;height:41vh;opacity:.2;pointer-events:none;position:absolute;width:100%;z-index:2}.Home #title{background-color:#242b2e;display:flex;height:41vh;width:100%}.Home button{background-color:#22a6b3;border-radius:1em;color:#fff;font-family:Ubuntu;font-size:1.5em;z-index:2}.Home button:hover{background-color:#7ed6df}.Home div{align-items:center;display:flex;flex-direction:column;justify-content:center}.Home div h1{font-size:3em;text-align:center;width:70%}.passwordGenerator{align-items:center;background-color:#c8c8c8;border:2px solid gray;border-radius:25px;display:flex;flex-direction:column;font-family:Roboto;justify-content:center;padding:2em;text-align:center;width:40%}.genButton{border-radius:20px}.submit{background-color:#50d890;border:2px solid #32cd32;border-radius:10px;-webkit-column-gap:.5em;column-gap:.5em;width:10em}.passwordContainer,.submit{display:flex;flex-direction:column;padding:2em}.passwordContainer{align-items:center;background-color:#f0ece3;border:3px solid gray;border-radius:13px;height:15em;justify-content:center;margin-bottom:1em;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow:auto}.passwordContainer::-webkit-scrollbar{background-clip:initial;background-color:#aaa;border:2px solid gray;border-radius:25px;box-sizing:border-box;width:1em}.passwordContainer::-webkit-scrollbar-thumb{background-color:#12cad6;border:2px solid gray;border-radius:25px}.password{-webkit-animation-name:buttonAnimOut;animation-name:buttonAnimOut;background-color:#05a5b1;border:3px solid #12cad6;border-radius:10px;color:#fff;font-family:Roboto;font-weight:600;margin:.5em}.password,.password:hover{-webkit-animation-duration:.5s;animation-duration:.5s}.password:hover{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:buttonAnimIn;animation-name:buttonAnimIn}.password:active{background-color:#fff!important}input{border:2px solid #1f8b16;border-radius:10px;margin-bottom:1em}@-webkit-keyframes buttonAnimIn{to{background-color:#12cad6;box-shadow:1px 2px 4px gray;-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes buttonAnimIn{to{background-color:#12cad6;box-shadow:1px 2px 4px gray;-webkit-transform:scale(1.25);transform:scale(1.25)}}@-webkit-keyframes buttonAnimOut{0%{background-color:#12cad6;box-shadow:1px 2px 4px gray;-webkit-transform:scale(1.25);transform:scale(1.25)}to{background-color:#05a5b1;box-shadow:1px 1px 1px gray;-webkit-transform:scale(1);transform:scale(1)}}@keyframes buttonAnimOut{0%{background-color:#12cad6;box-shadow:1px 2px 4px gray;-webkit-transform:scale(1.25);transform:scale(1.25)}to{background-color:#05a5b1;box-shadow:1px 1px 1px gray;-webkit-transform:scale(1);transform:scale(1)}}.focusPage{background-color:#22a6b3}a{color:#fff}#NavBar{align-items:center;background-color:#25d366;border-bottom:1vh solid #2bb45d;display:flex;flex-direction:row;height:10vh;justify-content:space-between;padding:0;position:fixed;width:100%;z-index:2}#NavBar *{max-height:100%}#NavBar #links{height:100%}#NavBar #links,#NavBar #links a{display:flex;flex-direction:row;justify-content:center;padding:0}#NavBar #links a{align-items:center;text-align:center;width:20vh}
/*# sourceMappingURL=main.a5f640af.css.map*/