*{padding:0;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.navbar{color:#fff;display:flex;flex-direction:column;position:fixed;width:100%;top:0;left:0;right:0}.navbar section{background-color:#000;display:flex;justify-content:flex-end;width:100%;height:50px;align-items:center}.navbar section ul{list-style-type:none;display:flex;gap:1em}.navbar section ul li{display:flex;cursor:pointer;align-items:center}.navbar section+div{background-color:#fff;border-bottom:1px solid #ccc;height:70px;display:flex;align-items:center;justify-content:space-between;gap:1em;color:#000}.navbar section+div header{padding-left:1em;display:flex;align-items:center}.navbar section+div ul{display:flex;color:#514949;list-style-type:none;padding-left:1em}.navbar section+div ul li{padding:0 1em;cursor:pointer}.title{text-align:center;padding-bottom:1em;font-size:30px}.center{text-align:center;padding-bottom:2em;display:flex;align-items:center;justify-content:center}div.online-indicator,span.blink{width:15px;height:15px;background-color:#0fcc45;border-radius:50%}.box+p{text-align:center}a{color:#0956b5;text-decoration:none}.box{width:100%;padding:1em;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;display:flex;justify-content:center;gap:6em;flex-wrap:wrap}.box div{display:flex;justify-content:center;align-items:center;flex-direction:column}button{width:50%;height:56px;line-height:44px;background-color:#0e71eb;opacity:1;border:1px solid rgb(14,113,235);color:#fff;font-size:20px;border-radius:8px;padding:5px 16px;cursor:pointer}.box img{width:150px;object-position:top center;height:150px;object-fit:cover;margin:0 auto;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.box h4{font-weight:400}.footer{background-color:#393a4c;height:60px;align-items:center;justify-content:center;color:#fff;display:flex;margin-top:2em}input{font-size:24px;border-width:2px;border-color:#eee;height:52px;color:#232333;width:100%;border-radius:8px;box-shadow:none;padding-top:0;padding-bottom:0;text-indent:1em;border:1px solid #babacc}#modal{position:absolute;width:100%;height:100vh;background-color:#00000087;top:0;display:none;place-items:center}#box{background-color:#fff!important;width:40%;height:300px;border-radius:6px;padding-left:30px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}