:root {
  --scale: calc(100vw / 1440px);
}

@font-face {
  font-family: UNCAGE;
  src: url('public/UNCAGE_FONT/UNCAGE-Regular.ttf');
  /* font-weight: normal; */
  /* font-style: normal; */
}

@font-face {
  font-family: UNCAGE;
  src: url('public/UNCAGE_FONT/UNCAGE-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

/*

@font-face {
  font-family: UNCAGE;
  src: url('public/UNCAGE_FONT/UNCAGE-Medium.ttf');
  font-weight:
  font-style: normal;
}

@font-face {
  font-family: UNCAGE;
  src: url('public/UNCAGE_FONT/UNCAGE-Regular.ttf');
  font-weight: normal;
  font-style: normal;
} */


* {
  font-family: UNCAGE;
  position: relative;
  box-sizing: border-box;
}

body, html {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  box-sizing: border-box;
  background-color: #487bb4;
  padding: 0;
  margin: 0;
}

a, button {
  cursor: pointer;
}

body {
  display: flex;
  flex-direction: column;

  padding: 29px calc(100vw / 1440px * 60px);

  background-image: url("public/noise.png");
}

h1 {
  font-family: UNCAGE;
  font-weight: 700;
  font-style: Bold;
  font-size: calc(158px * var(--scale));
  leading-trim: CAP_HEIGHT;
  line-height: 90%;
  letter-spacing: -5%;

  margin: 0;

  padding-right: 9px;

  color: #fff;
}

button {
  display: block;

  font-family: Inter Tight;
  font-weight: 500;
  font-size: 20px;
  line-height: 21.6px;
  letter-spacing: 0%;

  color: #12345C;
  background-color: #BCE83A;

  width: 269px;
  border-radius: 8px;
  padding: 20px 84px;

  margin: 0;
  outline: none;
  border: none;

  margin-bottom: 29px;
  margin-right: calc(86px * var(--scale));

  scale: var(--scale);
}

.header * {
  font-family: Inter Tight;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 21.6px;
  letter-spacing: 0%;
  vertical-align: middle;

  color: #fff;

  margin-bottom: 128px;
}

.header {
  align-items: center;
  justify-content: space-between;
}

.header a {
  text-decoration: none;
}

.flex-r {
  display: flex;
  flex-direction: row;
}

.between {
  justify-content: space-between;
}

.gpuPicture {
  width: 366px;
}

.gpuPicture img {
  position: absolute;
  left: -20px;
  top: -97px;
  /* bottom: 75px; */

  z-index: 3;

  scale: calc(100vw / 1440px);
}

.gap-32 {
  gap: 32px;
}

.gap-11 {
  gap: 11px;
}

.center {
  align-items: center;
}

.text-center {
  text-align: center;
}