/* bai-jamjuree-regular - latin */
@font-face {
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Bai_Jamjuree/bai-jamjuree-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/Bai_Jamjuree/bai-jamjuree-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Bai_Jamjuree/bai-jamjuree-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Bai_Jamjuree/bai-jamjuree-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/Bai_Jamjuree/bai-jamjuree-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Bai_Jamjuree/bai-jamjuree-v11-latin-regular.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}

/* syncopate-regular - latin */
@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Syncopate/syncopate-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/Syncopate/syncopate-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Syncopate/syncopate-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Syncopate/syncopate-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/Syncopate/syncopate-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/Syncopate/syncopate-v19-latin-regular.svg#Syncopate') format('svg'); /* Legacy iOS */
}

h1 {
  font-size: 2.3vh;
  font-family: 'Syncopate';
  font-style: bold;
  font-weight: 700;
}
  
body {
  background: #333;
  line-height: 1.5;
  font-family: 'Bai Jamjuree';
}

.content {
  background-color: #f0f0f0bb;
  width: 80%;
  margin-left: 10%;
  padding: 2%;

  /* Border 
  border-style: solid;
  border-color: #66A42F;
  */
  border-radius: 15px;

  /* Shadow */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}