html{scroll-behavior:smooth}body{background:url("/images/header.jpg") top center no-repeat #135666;font:18px Calibri,Arial,Verdana,sans-serif;text-align:left;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 50px);padding:0 30px 30px}header{width:1024px;margin:0 auto}a{text-decoration:none}h1{color:#f2eee3;text-shadow:2px 2px 4px #135666}main{background:rgba(242,238,227,.9);border-radius:10px;padding:20px}.generate-area{display:flex;flex-wrap:wrap;justify-content:space-evenly}.code{background:#fff;padding:20px;border-radius:10px}label{display:block;margin:0 0 5px}form{max-width:400px;width:100%}form ul{list-style:none;margin:5px 0;padding:0;color:red;font-size:14px}input{padding:7px 10px;margin:0 0 20px;border:1px solid #a3b8c2;border-radius:3px;background:#fff;width:calc(100% - 22px);max-width:400px}button{background:#ee7a53;padding:10px 20px;margin-bottom:30px;border:1px solid #83442f;border-radius:7px;color:#fff;font-weight:bold;font-size:16px;cursor:pointer}.alert{padding:15px 20px;border-style:solid;margin:0 0 20px;border-radius:10px;border-width:1px;font-weight:bold}.alert-success{background:#dff0d8;border-color:#d6e9c6;color:#3c763d}img{max-width:100%}@media(max-width: 500px){body{padding:0 10px}}/*# sourceMappingURL=style.css.map */