.main{margin:0;padding:0;width:100%;height:100%}
.flex-container{width:100%;height:100%;overflow:scroll;display:flex;flex-direction:column;align-items:center;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);justify-content:center}
.flex-container .wechat-logo{width:300px}
.flex-container .wechat-logo img{width:100%;height:auto}
.flex-container.desktop .instructions{display:none}
.flex-container.desktop .linkToCopy{display:none}
.flex-container.desktop .wechat-buttons{display:none}
.flex-container.desktop #qrSpace{margin-top:30px}
.flex-container.mobile #qrSpace{display:none}
.flex-container.mobile .instructions{display:inline-block;padding:0 16px;text-align:center;font-size:18px;line-height:23px;color:grey}
.flex-container.mobile .linkToCopy{margin:5px 0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:90%;max-width:500px}
.flex-container.mobile .linkToCopy #linkText{height:24px;width:90%;margin:inherit;font-size:18px;border-radius:5px;padding:0 16px;border:1px solid rgba(128,128,128,0.3)}
.flex-container.mobile .wechat-buttons{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;padding:5px 16px}
.flex-container.mobile .wechat-buttons button{background-color:#2dc100;border-radius:3px;color:#fff;padding:8px;font-size:16px;width:-webkit-max-content;width:max-content;border:1px solid rgba(128,128,128,0.3);margin-bottom:10px}
.flex-container.mobile .wechat-buttons button:first-child{margin-right:10px}
@media only screen and (max-height:991px){.flex-container .wechat-logo{width:250px}
}
@media only screen and (max-height:767px){.flex-container .wechat-logo{width:200px}
}