:root {
  font-size: 16px;
  /*Color*/
  --themeColor_green: #49af46;
  --themeColor_cyan: #13b6ff;
  --themeColor_orange: #ff6331;
  --themeColor_pinkish: #ec407a;
  --themeColor_yellow: #ffc50c;
  --themeColor_magenta: #8540ff;

  --themeColor_green_dark: #49b846;
  --themeColor_cyan_dark: #03acf8;
  --themeColor_orange_dark: #ff5823;
  --themeColor_pinkish_dark: #ec2c6c;
  --themeColor_yellow_dark: #ffbb01;
  --themeColor_magenta_dark: #803afb;

  --themeColor_lightOrange: #f57f17;
  --themeColor_darkcyan: #0abead;
  --themeColor_lightyas: #95a5c6;
  --themeColor_lightblack_1: #333333;
  --themeColor_lightblack_2: #1f2935;
  --themeColor_blackBack: #161d26;
  --themeColor_lightblack_2: #1f2935;
  --themeColor_white: #ffffff;
  /*Border*/

  --Border-radius: 1.7rem;

  /*BoxShadow*/
  --BoxShadow_sizing: 0 16px 29px;
  --BoxShadow_sizingHover: 0 0px 15px;

  /*Trans*/
  --Lazy_img_Trans: all 300ms ease 10ms;
  --btn_trans: box-shadow 500ms ease 0ms, transform 100ms ease 0ms;
  /*Padding*/
  --Padding_button: 0.8rem 3rem;
  --Padding_HorMain: 10rem;
}

* {
}
body {
  overflow-x: hidden;
}

*::after,
*::before {
}
.MainBody {
}

.MainBody-light {
  background-color: var(--themeColor_white);
}
.MainBody-dark {
  background-color: var(--themeColor_blackBack);
}

/*Test*/
.TEST_THEMECHANGER {
  position: fixed;
  top: 0;
  right: 0;
  font-size: 1rem;
  color: black;
  background-color: blueviolet;
  z-index: 9999;
  cursor: pointer;
  padding: 1rem 0;
}

/*Btn Trans*/
.btn_hover_trans-dark {
  box-shadow: var(--BoxShadow_sizingHover) whitesmoke !important;
}
.btn_hover_trans-light {
  box-shadow: var(--BoxShadow_sizingHover) var(--themeColor_blackBack) !important;
}
.btn_click_bounch {
  transform: translateY(4px);
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
}

/*Color*/
.ownText-dark {
  color: var(--themeColor_lightyas);
}
.ownText-light {
  color: var(--themeColor_lightblack_1);
}

/*Lazy Img*/
.img-lazy {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
.img-lazy-proto {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}