/*
Theme Name: NEWSPEC Scroll Animation
Theme URI: https://www.newspecfloor.com
Author: NEWSPEC
Author URI: https://www.newspecfloor.com
Description: A WordPress theme wrapper for the NEWSPEC modern scroll animation website generated from Figma Make.
Version: 1.2.10
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: newspec-scroll-animation
*/

@font-face {
  font-family: "Hanken Grotesk";
  src: url("./fonts/hanken-grotesk-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Hanken Grotesk";
  src: url("./fonts/hanken-grotesk-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Hanken Grotesk";
  src: url("./fonts/hanken-grotesk-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Hanken Grotesk";
  src: url("./fonts/hanken-grotesk-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Hanken Grotesk";
  src: url("./fonts/hanken-grotesk-800.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

html,
body,
#root {
  min-height: 100%;
}

body {
  margin: 0;
  font-family: "Hanken Grotesk", Arial, sans-serif;
  cursor: default;
}

button,
a,
[role="button"],
summary,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.newspec-scroll-animation-theme {
  font-family: "Hanken Grotesk", Arial, sans-serif;
}