@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 100;
  src: url(./fonts/NotoSans-ExtraLight.ttf) format('truetype'), /* Chrome 36+, Opera 23+, Firefox 39+ */
}
/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/NotoSans-SemiBold.ttf) format('truetype'), /* Chrome 36+, Opera 23+, Firefox 39+ */
}
/* noto-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 800;
  src: url(./fonts/NotoSans-Bold.ttf) format('truetype'), /* Chrome 36+, Opera 23+, Firefox 39+ */
}
body{
font-family: "NotoSans", sans-serif;
display: flex;
align-items: center;
justify-content: right;
}
h1{
font-family: "NotoSans", sans-serif;
font-size: clamp(40px, 2vw, 1vw);
font-weight: 800;
margin-right: 3%;
z-index:1;
}
img{
position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}