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

::placeholder {
  color: #bdbdbd;
}

::-webkit-scrollbar {
  width: 0;
}

:root {
  --bg: 255, 255, 255;
  --pr-text: 51, 51, 51;
  --sd-text: 189, 189, 189;
  --pr: 47, 128, 237;
  --r: 235, 87, 87;
  --g: 39, 174, 96;
  --b: 45, 156, 219;
  font-size: 14px;
  min-width: 100vw;
}

.bs-1 {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.bs-2 {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.hidden {
  visibility: hidden;
}

body {
  font-family: "Poppins", sans-serif;
  background: #f2f2f2;
  min-height: 100vh;
}
html,
body {
  padding: 0;
  margin: 0;
  min-width: 100vw;
}
html {
  height: 100vh;
}

button {
  border-radius: 4px;
  color: rgb(var(--bg));
  border: none;
  font-family: "noto Sans";
  cursor: pointer;
  outline: none;
  padding: 0.5rem 1.5rem;
  display: block;
  user-select: none;
}

button.pr {
  background: rgb(var(--pr));
}

button:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0 0);
}

a {
  text-decoration: none;
  color: inherit;
  user-select: none;
}
#root {
  min-height: 100vh;
}