@import url("https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap");

/* ================= */
/* RESET + BASE */
/* ================= */

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: #030712;
  font-family: "Onest", sans-serif;
}

body {
  overflow: hidden;
}

button {
  font: inherit;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

img {
  user-select: none;
  -webkit-user-drag: none;
}

/* ================= */
/* APP ROOT */
/* ================= */

.app {
  position: relative;
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
  touch-action: pan-y;
  background:
    radial-gradient(circle at 50% 18%, rgba(34, 55, 110, 0.26), transparent 36%),
    linear-gradient(180deg, #04101f 0%, #060d19 42%, #03060d 100%);
  color: white;
}