@font-face {
  font-family: "RoninWorks";
  src: url("/css/font/Poppins-Regular.ttf");
}
@font-face {
  font-family: "RoninWorks";
  src: url("/css/font/Poppins-SemiBold.ttf");
  font-weight: 1;
}
@font-face {
  font-family: "RoninWorks";
  src: url("/css/font/Poppins-Bold.ttf");
  font-weight: 2;
}
@font-face {
  font-family: "Number";
  src: url("/css/font/Roboto-Regular.ttf");
}

:root{
  --black_100: rgba(0, 0, 0, 1.00);
    --black_050: rgba(0, 0, 0, 0.50);
    --black_010: rgba(0, 0, 0, 0.10);
  --white_100: rgba(255, 255, 255, 1.00);
  --yellow_100: rgba(240, 237, 96, 1.00);
    --yellow_025: rgba(240, 237, 96, 0.25);

  --color_1_100: rgba(51, 51, 51, 1.00);
    --color_1_075: rgba(51, 51, 51, 0.75);
    --color_1_050: rgba(51, 51, 51, 0.50);
    --color_1_035: rgba(51, 51, 51, 0.35);
    --color_1_025: rgba(51, 51, 51, 0.25);
    --color_1_020: rgba(51, 51, 51, 0.20);
    --color_1_015: rgba(51, 51, 51, 0.15);
    --color_1_010: rgba(51, 51, 51, 0.10);
    --color_1_005: rgba(51, 51, 51, 0.05);
    --color_1_000: rgba(51, 51, 51, 0.00);

  --color_button_biru: rgba(8, 98, 150, 1.00);
    --color_button_biru_075: rgba(8, 98, 150, 0.75);
    --color_button_biru_050: rgba(8, 98, 150, 0.50);
    --color_button_biru_010: rgba(8, 98, 150, 0.25);
  --color_button_hijau: rgba(35, 184, 51, 1.00);
    --color_button_hijau_015: rgba(35, 184, 51, 0.15);
  --color_button_hijau_gelap: rgba(6, 112, 16, 1.00);
  --color_button_merah: rgba(245, 66, 66, 1.00);
  --color_button_abu: rgba(117, 117, 117, 1.00);
}