@import url('https://fonts.googleapis.com/css?family=Lato:300');

:root {
  --slt-grey: rgb(240, 240, 240);
  --lt-grey-s: 200, 200, 200;
  --lt-grey: rgb(var(--lt-grey-s));
  --grey-s: 150, 150, 150;
  --grey: rgb(var(--grey-s));
  --d-grey-s: 35, 40, 45;
  --d-grey: rgb(var(--d-grey-s));
  --lt-blue-s: 75, 136, 234;
  --lt-blue: rgb(var(--lt-blue-s));
  --d-blue: rgb(var(--d-blue-s));
  --d-blue-s: 27, 69, 137;
  --lt-yellow-s: 236, 189, 7;
  --lt-yellow: rgb(var(--lt-yellow-s));
  --d-yellow: rgb(137, 116, 24);
  --lt-green-s: 114, 216, 67;
  --lt-green: rgb(var(--lt-green-s));
  --d-green: rgb(23, 109, 27);
  --red-s: 229, 44, 27;
  --red: rgb(var(--red-s));
  --d-red-s: 195, 35, 20;
  --d-red: rgb(var(--d-red-s));
  --green-s: 50, 130, 35;
  --green: rgb(var(--green-s));
  --gold-s: 173, 162, 36;
  --gold: rgb(var(--gold-s));
  --purp-s: 105, 56, 140;
  --purp: rgb(var(--purp-s));
  --plum-s: 140, 56, 137;
  --plum: rgb(var(--plum-s));
  --teal-s: 0, 128, 98;
  --teal: rgb(var(--teal-s));
  --turq-s: 8, 200, 181;
  --turq: rgb(var(--turq-s));
  --d-turq-s: 8, 170, 155;
  --d-turq: rgb(var(--d-turq-s));
  --white-s: 255, 255, 255;
  --white: rgb(var(--white-s));
  --black-s: 0, 0, 0;
  --black: rgb(var(--black-s));
  --orange-s: 227, 121, 34;
  --orange: rgb(var(--orange-s));
  --d-orange-s: 171, 90, 36;
  --d-orange: rgb(var(--d-orange-s));
  --ease-out: cubic-bezier(0.17, 0.57, 0.43, 1);
  --primary: var(--lt-blue);
  --primary-s: var(--lt-blue-s);
  --d-primary: var(--d-blue);
  --d-primary-s: var(--d-blue-s);
  font-family: 'Lato', sans-serif;
}

* {
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
  scrollbar-color: var(--primary) var(--lt-grey);
  scrollbar-width: thin;
}

*:focus {
  outline: none;
}

body, html {
  background-color: var(--white);
  /* font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;  font-size: 10pt; */
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.frame-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.frame-full {
  height: 100%;
  width: 100%;
  position: relative;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#root {
  height: 100%;
}

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
}
 
::-webkit-scrollbar-thumb {
  background: var(--primary); 
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--d-primary); 
}

textarea {
  font-family: inherit;
  font-size: inherit;
}