*{margin:0;padding:0}body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#4f6e22;overflow-x:hidden}.phone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:330px;height:600px;background-color:rgba(0,0,0,.255);border:1px solid #000;border-radius:50px}canvas{background-color:#fcefae;display:block;margin:0 auto;border-radius:15px;border-radius:3px}#overlay,#warning{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;cursor:pointer}.text{width:50%;height:50%;background-color:#2c2e23;position:absolute;border-radius:5px;font-family:sans-serif;top:50%;left:50%;color:#fff;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.warningtext{width:50%;height:50%;background-color:#2c2e23;position:absolute;border-radius:5px;font-family:sans-serif;top:50%;left:50%;color:#fff;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.text>h2,.warningtext>h2{margin:0;padding:5px;text-align:center;font-size:50px}.text>p{margin:0;padding:15px;text-align:left;font-size:25px}.text>p>span,.warningtext>p>span{color:#6d992b}.warningtext>p{margin:0;padding-top:15px;padding-bottom:15px;text-align:left;font-size:25px;text-align:center}button{background-color:#fcefae;background-size:cover;box-shadow:0px 0px 10px 1px #fcefae;width:20px;height:20px;border-radius:100px;border:none;outline:none;cursor:pointer}@media only screen and (max-width: 700px){.text{width:100%}.text>p{font-size:20px}}@media only screen and (max-width: 400px){.phone{height:0px;width:auto}button{position:relative;left:50%;right:50%;margin-left:-10px;margin-bottom:20px}}