:root {
  --gradiant-color-from: #243b7a;
  --gradiant-color-to: #5e83eb;
  --black-color: #101010;

  --heading: "Roboto Condensed", sans-serif;
  --body-font: "Roboto Condensed", sans-serif;
  --body-color: #444444;
  --sv-body-color: #202020;
  --transition: 500ms all ease;
  --main-color: #015fea;
  --base-color: linear-gradient(
    to right,
    var(--gradiant-color-from),
    var(--gradiant-color-to)
  );
  --theme-color: #243b7a;
  --theme-color-2: #405aa1;
  --meta-font: "Roboto Condensed", sans-serif;
  --main-sv-color: #034b5b;
  --base-sv-color: #f18f20;
  --sv-body-font: "Roboto Condensed", sans-serif;
  --sv-heading-font: "Roboto Condensed", sans-serif;
}
/* <svg style="height: 560px; width: 560px;"><path class="rs-transition rs-path" fill="transparent" d="M 41.84301395927935 417.5 A 275 275 0 1 1 518.1569860407208 417.4999999999998" stroke-width="10" stroke-linecap="butt" style="stroke: rgb(228, 228, 228);"></path><path class="rs-transition rs-range" fill="transparent" d="M 41.84301395927935 417.5 A 275 275 0 1 1 518.1569860407208 417.4999999999998" stroke-width="10" stroke-linecap="butt" style="stroke: rgb(5, 98, 81); stroke-dasharray: 0, 0, 460.767, 1152;"></path><path class="rs-transition rs-border" fill="transparent" d="M 37.51288694035716 420 A 280 280 0 1 1 522.487113059643 419.9999999999998 L 513.8268590217986 414.9999999999998 A 270 270 0 1 0 46.17314097820156 415 L 37.51288694035716 420 Z" style="stroke-width: 0px; stroke: rgb(170, 170, 170);"></path></svg> */