* {
  font-family: "Angsana New" ;
  /* font-family: Arial, Helvetica, sans-serif ; */
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; 
  font-size: 20px;
}
@font-face {
  font-family: "Angsana New";
  src: url("../Angsana New/Angsana New.bin");
  src: url("../Angsana New/Angsana New.cff");
  src: url("../Angsana New/Angsana New.dfont");
  src: url("../Angsana New/Angsana New.eot");
  src: url("../Angsana New/Angsana New.none");
  src: url("../Angsana New/Angsana New.otf");
  src: url("../Angsana New/Angsana New.pfa");
  src: url("../Angsana New/Angsana New.ps");
  src: url("../Angsana New/Angsana New.pt3");
  src: url("../Angsana New/Angsana New.svg");
  src: url("../Angsana New/Angsana New.t11");
  src: url("../Angsana New/Angsana New.t42");
  src: url("../Angsana New/Angsana New.ttf");
  src: url("../Angsana New/Angsana New.woff");
  src: url("../Angsana New/Angsana New.woff2");    
}
body {
  /* width: 600px; */
  height: 1200px;
  /* background: #35c322; */
  background: linear-gradient(0deg, rgba(53, 195, 34, 1) 0%, rgba(253, 236, 45, 1) 100%);  
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px;
}  
@media (max-width: 768px) {
  body {
    padding: 8px;
  }
}
.red{
  color:red
}  
.blue {
  color:rgb(60, 34, 138)
} 
.white{
    color:rgb(247, 247, 245);
}  
.bg-green{
  background-color: green;
}
.bg-red{
  background-color: red;
}
.bg-blue{
  background-color: blue;
}
.bg-aqua {
  background-color: aqua;
}
.font-30 {
  font-size: 30px;
}