html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

body {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #050505;
  color: #ccc;
}

* {
  box-sizing: border-box;
}

button {
  padding: 12px 16px;
  background: rgb(37, 99, 235);
  font-size: inherit;
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(59, 130, 246, 0.25) 0px 10px 15px -3px,
    rgba(59, 130, 246, 0.25) 0px 4px 6px -4px;
}