*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0;outline:0}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#fff}.app{text-align:center;margin-top:20px}.modal-btn{display:inline-block;padding:10px 20px;font-size:16px;font-weight:500;color:#fff;background-color:#333;border-radius:5px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:100}.modal-content{position:fixed;width:100%;max-width:800px;background-color:#fff;border-radius:5px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;overflow:hidden}