body{background-color:#000;background-repeat:center no-repeat;background-size:cover}.register{width:700px;margin:0 auto;margin-top:15px;margin-bottom:15px;background:linear-gradient(45deg,#f8f9fa,#fff);padding:20px;border-radius:10px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.5);box-shadow:0 0 15px rgba(0,0,0,.5)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input,.form-group select{width:100%;padding:5px;font-size:14px;background-color:hsla(0,0%,100%,.8);border:1px solid #51dcdf;border-radius:5px}button[type=submit]{width:100%;padding:10px;background-color:#18a954;color:#fff;font-size:16px;border:none;cursor:pointer}button[type=submit]:hover{background-color:#076332}@media screen and (max-width:480px){.register{width:100%}.form-group input,.form-group select{font-size:12px}button[type=submit]{padding:7px;font-size:14px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-content{max-width:40%;background-color:#fff;padding:20px;border-radius:8px}.modal-content button{background-color:#18a954;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;margin-bottom:10px;width:100%}