:root {
  --op-bg: #060d26;
  --op-frame-border: rgba(255, 200, 106, 0.28);
  --op-frame-bg: rgba(21, 37, 90, 0.35);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  display: grid;
  place-items: center;
  padding: 16px;
  background: var(--op-bg);
}

.frame {
  width: min(360px, 100%);
  padding: 32px;
  border: 1px solid var(--op-frame-border);
  border-radius: 16px;
  background: var(--op-frame-bg);
}

.logo {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 22%;
}