@import url("https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
  --font-body: "Gothic A1", "Times New Roman";
  --bright-sky-blue: #03d1ff;
  --bright-sky-blue-hover: #18dfff;
  --bower-bird-blue: #006583;
  --daintree: #00232d;
  --borderline-pink: #ed0968;
  --bordeaux: #70002e;
  --ilvaite-black: #320015;
  --vivid-purple: #9b00fc;
  --blacklist: #231138;
  --inside: #1a0d27;
  --cantura: #060616;
  --willpower-orange: #f75c03;
  --barbarian: #f68e5f;
  --egg-toast: #f1c40f;
  --meadow-yellow: #f5dd90;
  --snarky-mint: #9ce37d;
  --pleasant-green: #22c55e;
  --pleasant-green-darker: rgba(34, 197, 94, 0.2);
  --touch-green: #acf7c1;
  --move-mint: #44ffd1;
  --hello-winter: #a0ffe8;
  --gradient-ltr: linear-gradient(90deg, #03c6ff 0%, #9b00fc 41.67%, #9b00fc 57.81%, #ed0968 100%);
  --gradient-ltr-45: linear-gradient(135deg, #03c6ff 16%, #9b00fc 41.67%, #9b00fc 54.81%, #ed0968 78%);
  --black: #000000;
  --mamba: #766e7d;
  --mamba-hover: #928a9a;
  --light-gray: #d9d9d9;
  --white: #ffffff;
  --rejected-darker: rgba(237, 9, 104, 0.2);
  --rejected: #ed0968;
  font-family: var(--font-body);
  color: var(--white);
  --color-bg-1: var(--blacklist);
  --color-bg-2: var(--inside);
  --color-bg-3: var(--cantura);
  --pending: #ffa500;
}

html,
body {
  display: flex;
  padding: 0;
  margin: 0;
  max-width: 100vw;
  height: 100%;
  flex: 1 0 0;
  background: var(--color-bg-1);
}

a {
  color: inherit;
  text-decoration: inherit;
}

main {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
}

h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 36px;
}