:root{--text-color:#34495e;--color1:#ec3e27;--color2:#fd79a8;--color3:#0984e3;--color4:#00b894;--color5:#fdcb6e;--color6:#e056fd;--color7:#f97f51;--color8:#bdc581}*{margin:0;padding:0}html{font-size:14px}body{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:'Montserrat',sans-serif,Arial,'Microsoft Yahei'}.channel{position:absolute;width:80%;text-align:center;top:50%;left:50%;transform:translate(-50%,-200px);font-size:30px;font-weight:bold;color:#fff}.btn{padding:1em 3em;border-radius:6px;background-color:#fff;color:#333;font-size:24px;text-decoration:none}.btn:hover{color:#00b894}.modal-window{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:9999;visibility:hidden;opacity:0;pointer-events:none;display:flex;justify-content:center;align-items:center}.modal-window:target{visibility:visible;opacity:1;pointer-events:auto}.modal-window>div{position:relative;width:400px;padding:2em;border-radius:10px;background-color:#fff}.modal-close{position:absolute;right:30px;top:20px;color:#aaa;text-decoration:none}.modal-close:hover{color:#333}.modal-title{color:#00b894;font-size:30px;padding:15px 0}.modal-body{font-size:18px;margin:15px 0}