body {
    font-family: 'Poppins', sans-serif;
}  

@font-face {
  font-family: "MADE Tommy";
  src: url("../fonts/MADE%20TOMMY%20Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MADE Tommy";
  src: url("../fonts/MADE%20TOMMY%20Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MADE Tommy";
  src: url("../fonts/MADE%20TOMMY%20Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
  
@font-face {
  font-family: "MADE Tommy Outline";
  src: url("../fonts/MADE%20TOMMY%20Black%20Outline.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
  
.made-tommy-regular { font-family: "MADE Tommy", serif; font-weight: 400; }
.made-tommy-medium  { font-family: "MADE Tommy", serif; font-weight: 500; }
.made-tommy-bold    { font-family: "MADE Tommy", serif; font-weight: 700; }
.made-tommy-outline  { font-family: "MADE Tommy Outline", serif; font-weight: 900; }