@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400%3b500%3b600);
/* You can add global styles to this file, and also import other style files */
:root {
  --color-black: #333F48;
  --color-gray: #A3A3A3;
  --color-gray-lighter: #dedede;
  --color-blue: #7BA4DB;
  --color-white: white;
  --color-blue-light-bg: #E2EFF8;
  --color-gray-light-bg: #F6F6F6;
  --vh: 1vh;
}
html {
  overflow: hidden;
}
body {
  margin: 0;
  padding: 0;
  transition: background-color 0.5s;
}
/* width */
::-webkit-scrollbar {
  width: 4px;
}
/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(217, 217, 217);
  border-radius: 10px;
}
::-webkit-scrollbar-track {
  background: rgb(246, 246, 246);
}
* {
  font-family: "Montserrat", sans-serif;
}
.nowrap {
  white-space: nowrap;
}
button {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  cursor: pointer;
}
button[disabled] {
  cursor: not-allowed;
}
body.fullscreen-mode {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
body.fullscreen-mode html {
  overflow: hidden;
}
@media (max-width: 768px) {
  body.fullscreen-mode {
    position: fixed;
    width: 100vw;
    height: 100vh;
    height: -webkit-fill-available;
  }
  html.fullscreen-mode {
    height: 100vh;
    height: -webkit-fill-available;
    overflow: hidden;
  }
}
:fullscreen,
:-webkit-full-screen,
:-moz-full-screen,
:-ms-fullscreen {
  width: 100vw;
  height: 100vh;
  background: var(--color-gray-light-bg);
}