@font-face {
  font-family: 'Inter';
  src:
    url('/fonts/Inter-Bold.woff2') format('woff2'),
    url('/fonts/Inter-Bold.woff') format('woff');
  font-weight: 700;
}

@font-face {
  font-family: 'Inter';
  src:
    url('/fonts/Inter-Light.woff2') format('woff2'),
    url('/fonts/Inter-Light.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Inter';
  src:
    url('/fonts/Inter-Medium.woff2') format('woff2'),
    url('/fonts/Inter-Medium.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: "Inter";
  src:
    url('/fonts/Inter-Regular.woff2') format('woff2'),
    url('/fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src:
    url('/fonts/Inter-SemiBold.woff2') format('woff2'),
    url('/fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
}

:root {
  /* --primary-color: rgb(30, 61, 89);
  --secondary-color: rgba(0, 178, 227, 1);
  --p-button-primary-background:  rgba(0, 178, 227, 1);
  --titleBackground:  #E2F4F9;
  --darkTitleBackground: grey; */
  font-family: 'Inter';
}

#app {
  font-family: 'Inter';
}

html,
body {
  height: 100vh;
  width: 100vw;
  margin: 0;
}


.inter-font {
  font-family: 'Inter';
}

.gradient {
  background: rgb(30, 61, 89);
  background: linear-gradient(90deg, rgba(30, 61, 89, 1) 0%, rgba(0, 178, 227, 1) 100%);
}

.left-indicator {
  width: 4px;
  height: auto;
  border-radius: 10px;
  margin-left: 4px;
  margin-right: 8px;
}

.selected {
  background-color: lightgreen;
}

.non-selected {
  background-color: lightgrey;
}