* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary: #1E5AB4;
  --secondary: #F15A24;
  --tertiary: #F7931E;
  --main-gradient: linear-gradient(90deg, #F15A24 0%, #F7931E 100%);
  --main-black: #2F2F2F;
  --danger: #FF6060;
  --warning: #F7931E;
  --success: #79D034;
  --info: #1E5AB4;
}

body {
  min-height: 100vh;
  font-size: 16px;
  font-family: "Poppins";
  font-weight: 400;
  color: var(--main-black);
  background-color: rgba(30, 90, 180, 0.05);
}

h1 {
  font-size: 41px;
  font-weight: bold;
  letter-spacing: 0.02em;
}

hr {
  border: 1px solid #D3D3D3;
}

textarea {
  font-family: "Poppins";
  font-size: 18px;
  border-radius: 8px;
  border: 1px solid #C4C4C4;
  padding: 20px;
  outline: none;
}

@font-face {
  font-family: "Poppins";
  src: url(../fonts/poppins/Poppins-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "Poppins";
  src: url(../fonts/poppins/Poppins-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "Poppins";
  src: url(../fonts/poppins/Poppins-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "Poppins";
  src: url(../fonts/poppins/Poppins-Black.ttf);
  font-weight: 900;
}
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/Kanit-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/Kanit-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/Kanit-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/Kanit-ExtraBold.ttf);
  font-weight: 900;
}
@font-face {
  font-family: "Press Start";
  src: url(../fonts/PressStart2P-Regular.ttf);
}