@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,800&display=swap");
:root {
  --white: #ffffff;
  --black: #000000;
  --charcoal: #2c2e3d;
  --charcoal-light: #98a8b4;
  --gray-very-dark: #252525;
  --gray-dark: #4B4B4B;
  --gray-med: #969696;
  --gray-light: #F1F1F1;
  --light-blue: #00ABD0;
  --light-blue-hover: #007e9a;
  --u2g-light-gray: #E8EBEE;
  --u2g-dark-gray: #ACB4BB;
  --u2g-red: #ff1001;
  --u2g-blue: #071B3B;
  --rasic-red: #EE2725;
  --rasic-orange: #F3AF01;
  --rasic-green: #00C687;
  --rasic-gray: #B9B9B9;
  --rasic-blue: #0176FF;
}

.red {
  color: var(--rasic-red);
}

.orange {
  color: var(--rasic-orange);
}

.green {
  color: var(--rasic-green);
}

.gray {
  color: var(--rasic-gray);
}

.blue {
  color: var(--rasic-blue);
}

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

html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--white);
  background: var(--u2g-blue);
  background: radial-gradient(circle, #123f6a 0%, #071b3b 85%) fixed;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4 {
  font-weight: normal;
  font-style: normal;
}

#app {
  width: 100dvw;
  height: 100dvh;
  margin: 0 auto;
  padding: 0 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

h1 {
  font-size: 3.5rem;
  padding: 0.625rem;
}
/*# sourceMappingURL=share.css.map */