*{box-sizing:border-box}body{margin:0;padding:0;font-family:system-ui;display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;background:url(/bg.jpg)}#app{display:flex;flex-direction:column;align-items:center}#bgroup{display:block;width:10rem;height:2rem;text-align:center}.btn{display:block;min-width:10rem;min-height:2rem;padding:.2rem;margin:1rem 0;margin-bottom:0;border:none;cursor:pointer;border-radius:.25rem;background:#d2383b;color:#fff;font-size:1.3rem;transition:.2s}.btn:hover{background:#9e2a2b}.net-red{color:red}.logo{display:block;width:50%;height:50%;object-fit:cover}.link{text-decoration:none;color:gray;transition:.2s}.link:hover{color:currentColor}