body{margin:0;padding:0;width:100%}*{box-sizing:border-box}.container{background:#1c1c1c;border:3px solid #8a2be2;height:100vh;position:fixed;width:100%}.content{background:#1f2937;border:2px solid #000;bottom:64px;height:550px;left:62px;margin:64px auto 0;right:641px;width:550px}.headings{box-sizing:border-box;height:80px;margin:115px 144px 355px 52px;width:354px}.p1{color:#fff}.p1,.p2{font-family:Karla;font-size:40px;font-style:normal;font-weight:800;letter-spacing:-.025em;line-height:40px;margin:0}.p2{color:#4adf86}.insecure{height:28px;margin:0;width:372px}.insecure p{color:#d5d4d8;font-family:Inter;font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin:5px auto 0}.btn{align-items:center;background:#10b981;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#fff;cursor:pointer;display:flex;flex-direction:row;gap:12px;height:42px;justify-content:center;left:52px;margin-top:30px;padding:9px 17px 9px 15px;width:191px}.generated{margin-left:-1%;margin-top:5%}.gen,.generated{background:#273549;border-radius:6px;color:#fff;display:inline-block;height:39px;padding:10px 10px 10px 13px;width:211px}.gen{margin-left:2%;top:396px}.g{position:absolute;width:70%}#length_btn{background-color:#10b981;color:#fff;cursor:pointer;margin-left:2.5px;margin-top:1px;padding:6px 10px}#set-length{margin-left:3px;margin-top:5px;padding:5px;width:185px}@media only screen and (max-width:391px){.content{height:100vh;margin-left:-20px;margin-top:0}#length_btn{padding:4.5px 10px 6px}.gen{margin-left:-1.5px}}@media only screen and (max-width:376px){.content{height:100vh;margin-left:-25px;margin-top:0}.gen{margin-left:-1.5px}}@media only screen and (max-width:394px){.content{height:100vh;margin-left:-30px;margin-top:0}.gen{margin-left:-1.5px}}@media only screen and (max-width:413px){.content{height:100vh;margin-left:-30px;margin-top:0}.gen{margin-left:-1.5px}}@media only screen and (max-width:415px){.content{height:100vh;margin-left:-30px;margin-top:0}.gen{margin-left:-1.5px}}@media only screen and (max-width:541px){.content{height:100vh;margin-left:-30px;margin-right:0;margin-top:0}.gen{margin-left:-1.5px}}@media only screen and (max-width:281px){.content{height:100vh;margin-left:-40px;margin-right:0;margin-top:0}.insecure p{color:#d5d4d8;font-family:Inter;font-size:15px;font-style:normal;font-weight:400;line-height:28px;margin:5px auto 0}.p1{color:#fff}.p1,.p2{font-family:Karla;font-size:30px;font-style:normal;font-weight:800;letter-spacing:-.025em;line-height:40px;margin:0}.p2{color:#4adf86}#length_btn{background-color:#10b981;color:#fff;cursor:pointer;margin-left:2.5px;margin-top:1px;padding:6px 10px}#set-length{margin-left:3px;margin-top:5px;padding:5px;width:150px}}.App{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:#282c34;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)}}
/*# sourceMappingURL=main.a5870d88.css.map*/