/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --blue: #0074c2;
  --pink: #ff21d0;
  --black: #0f0e12;
  --sidebar-width: 360px;
  --menubar-height: 66px;
  --grid-width: 210px;
  --green: #01e861;
  --darkgreen: #003d1a;
}

@font-face {
  font-family: 'Poppins';
  src: local('Poppins'), url(/fonts/Poppins-Regular.ttf) format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: 'Poppins';
  src: local('Poppins'), url(/fonts/Poppins-Bold.ttf) format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: 'Odachi';
  src: local('Odachi'), url(/fonts/Odachi.otf) format('opentype');
  font-weight: normal;
}

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

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  color: #fff;
  font-family: 'Poppins', Arial;
}

::-webkit-scrollbar {
  width: 2px;
}
::-webkit-scrollbar-track {
  background-color: black;
}
::-webkit-scrollbar-thumb {
  background-color: #0074c2;
}

.button_main {
  font-family: 'Odachi';
  text-decoration: none;
  padding: 10px 30px;
  border: 1px solid #d4d4d4;
  font-size: 26px;
  color: #fff;
  z-index: 99;
  transition: all ease-in-out 200ms;
  cursor: pointer;
  background: rgb(255, 33, 208);
  background: linear-gradient(
    0deg,
    rgba(255, 33, 208, 1) 0%,
    rgba(0, 116, 194, 1) 100%
  );
}

.button_main:hover {
  background: linear-gradient(
    0deg,
    rgb(252, 45, 207) 0%,
    rgb(1, 134, 223) 100%
  );
  transform: translatey(-2px);
  border: 1px solid #ffffff;
}

.button_main:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  background: var(--black);
}

.button_main:disabled:hover {
  transform: none;
}

.margin_right {
  margin-right: 20px;
}

@media (min-width: 2200px) {
  :root {
    --sidebar-width: 550px;
    --grid-width: 310px;
  }
}