:root {
  --primary: #ffd23f;
  --secondary: #ee4266;
  --text: #f3fcf0;
  --bg: #540d6e;
  --dark: #1f271b;
}

@font-face {
  font-family: "Tomkin";
  src: url("../css/fonts/tomkin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../css/fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

.times-roman {
  font-family: "Times New Roman", Times, serif;
}

.tomkin {
  font-family: "Tomkin", Times, serif;
}