@font-face
{
    font-family: 'Ubuntu', sans-serif;
    src: url('./fonts/subset-Ailerons-Regular.woff2') format('woff2'),
        url('./fonts/subset-Ailerons-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* Avoid global * resets here — they leak app-wide via OrbAnimation/NativeTitleBar and fight Tailwind. */

/* Visible selection on light surfaces (global #ffffff22 was nearly invisible on white/#f8fafb). */
::-moz-selection {
    background: color-mix(in srgb, #0078d4 22%, transparent);
    color: inherit;
}
::selection {
    background: color-mix(in srgb, #0078d4 22%, transparent);
    color: inherit;
}

html,
body
{
    overflow: hidden;
    background: none !important;
}

.experience {
    position: relative;
    width: 100%;
    height: 100%;
  }  

.credits
{
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #ffffff;
    text-align: right;
    font-family: 'Ubuntu', sans-serif;
}

.credits a
{
    color: inherit;
}

.title
{
    position: absolute;
    top: calc(50% - 14vmin / 2);
    left: 0;
    width: 100%;
    color: #ffffff;
    font-size: 14vmin;
    text-transform: uppercase;
    text-align: center;
    outline: none;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
canvas {
    background-color: transparent !important;
  }
  
  #app, #root, .orb-wrapper, .experience {
    background: transparent !important;
  }