@import url("Anuphan_VariableFont_wght/stylesheet.css");
@font-face {
  font-family: "Anuphan VariableFont wght";
  src: url("Anuphan-VariableFont_wght.ttf") format("truetype");
}

* {
  border: none !important;
}

body,
td,
th,
button {
  font-weight: normal;
  font-size: 20px;
  color: black;
  font-family: "Anuphan VariableFont wght";
}

body {
  background-color: #eee;
}

.block {
  display: block;
}

table {
  background-color: white;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.divide {
  margin: 10px;
  height: 1.5px;
  border-radius: 9999px;
  border: none;
  background-color: #a1a1a1;
}

.duration-300 {
  transition: all 0.3s ease;
}

.scale-21:hover {
  transform: scale(1.09);
}

ul {
  margin-right: 30px;
}

.font-bold {
  font-weight: 600;
}

.btn-wel {
  padding: 10px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  background-color: #13227a;
  color: white;
  text-decoration: none;
  border-radius: 9999px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.btn-wel:hover {
  transform: scale(1.09);
  background-color: #3245b7;
}

/*BENTO GRID*/

.bento-grid1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid1-item1 {
  grid-column: span 2;
  grid-row: span 2;
}

.grid1-item2 {
  grid-column: span 2;
}

.grid1-item3 {
  grid-column: span 2;
}

/*
BENTO GRID3

.bento-grid3 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.grid3-item1 {
	grid-column: span 4;
	grid-row: span 2;
}

.grid3-item2 {
	grid-column: span 2;
}

.grid3-item3 {
	grid-column: span 2;
}*/