@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;
}

:root{
  --color_1: 9, 37, 64;
  --color_2: 5, 70, 234;

  --hitam: 0, 0, 0;
  --putih: 255, 255, 255;
  --hijau_1: 78, 150, 63;
  --orange_1: 255, 111, 0;
  --merah_1: 229, 66, 66;
  --merah_2: 245, 66, 66;
  --merah_3: 158, 68, 62;
  --biru_1: 63, 107, 150;
  --kuning_1: 240, 237, 96;
  --kuning_2: 163, 161, 64;

--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);
}