*{font-family:Courier New,Courier,monospace}.App-header{background-color:#c9cad9}.App{padding-bottom:35px;padding-top:50px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#343541;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.generateBtn{background-color:#ddd;border:none;border-radius:4px;color:#141204;display:inline-block;font-size:16px;font-weight:bolder;padding:10px 20px;text-decoration:none;transition:all .2s ease-in-out}.generateBtn:hover{background-color:#bbb;cursor:pointer}.copyButtonContainer{bottom:10px;position:absolute;right:10px}.copyButton{background-color:#ddd;border:none;color:#141204;cursor:pointer;display:inline-block;font-size:16px;padding:8px 16px;text-align:center;text-decoration:none}body{color:#333;font-family:Arial,sans-serif;margin:0;padding:0}header{background-color:#2c3e50;color:#fff;padding:20px}header h1{font-size:24px;margin:0}nav{background-color:hsla(0,0%,96%,.113);color:#fff;padding:10px}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{display:inline-block;margin-right:10px}nav ul li a{color:#fff;text-decoration:none}.content{padding:20px}.content h2{font-size:18px;margin-top:0}.content p{line-height:1.5}input{background-color:#444654;color:#fff}.input-group{margin-bottom:20px}.input-small{width:200px}.input-medium{width:400px}.input-large{background-color:#444654;color:#fff;height:200px;width:600px}footer{color:#fff;font-size:14px;text-align:center}.box,footer{padding:20px}.box{background-color:#444654;border:4px solid #363537;border-radius:5px;box-shadow:0 8px 16px #363537;margin-bottom:20px;width:65%}.adviceBtn{background-color:#ddd;border:#2c3e50;border-style:groove;border-width:10%;color:#141204;cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;text-align:center;text-decoration:none}.overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#141204;font-family:Times New Roman,Times,serif;max-height:80%;max-width:80%;overflow-y:auto;padding:20px}.popup-content{color:#141204;font-size:medium}.closeBtn{background:#fff;border:none;color:#570de0;cursor:pointer;font-size:16px;font-weight:700;position:relative;right:10px;top:10px}.closeBtn:hover{background:#570de066;color:#000}.closeBtn{transition:color .3s ease}@media (min-width:576px){.box,.input-large,.input-medium,.input-small{width:100%}}@media (min-width:768px){.box,.input-large,.input-medium,.input-small{width:80%}}@media (min-width:992px){.box,.input-large,.input-medium,.input-small{width:60%}}@media (min-width:1200px){.box,.input-large,.input-medium,.input-small{width:50%}}footer{background-color:#c6d0fa;bottom:0;box-shadow:0 0 10px rgba(0,0,0,.1);padding:1em 0;position:fixed;width:100%}h3{align-items:center;color:#435058}a{color:blue}a:hover{color:#faebd7}.header{align-items:center;background-color:#c6d0fa;border-bottom:1px solid #eee;display:flex;justify-content:center;padding:1em;position:fixed;top:0;width:100%;z-index:1000}.header h1{font-weight:700}.profile-icon{cursor:pointer;justify-content:flex-end;position:absolute;right:1em}.modal{align-items:center;background:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#fff;padding:2em;text-align:center}.profile-icon img{height:30px;width:50px}
/*# sourceMappingURL=main.e53cd2ff.css.map*/