@font-face {
  font-family: 'Rubik';
  src: url('fonts/rubik-b35f96c1.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Medium_0-ce8d455b.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-SemiBold_0-32eb47df.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('fonts/Gilroy-Bold_0-ed3a99e5.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Agency FB';
  src: url('fonts/AGENCYB-4fde694c.TTF') format('truetype');
  font-weight: bold;
  font-style: normal;
}
body, html {
  overflow: hidden;
}
body {
  margin: 0;
  padding: 0
}
.hud-frame {
  position: relative;
  width: 1920px;
  height: 1080px;
  left: 190px;
  margin: 0 auto;
}
.hud-bg {
  position: absolute;
  width: 1920px;
  height: 1080px;
  left: -300px;
  top: 0px;
  background: url('images/background.png');
  background-size: cover;
}
.hud-rectangle.rectangle3343 {
  position: absolute;
  width: 171px;
  height: 50px;
  left: 1533px;
  top: 45px;
  background: linear-gradient(90deg, rgba(23, 23, 23, 0.42) 0%, rgba(60, 41, 81, 0.91) 63.54%, #4A2473 100%);
  border-radius: 6px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.hud-rectangle.rectangle3344 {
  position: absolute;
  width: 113px;
  height: 35px;
  right: 214px;
  top: 117px;
  background: linear-gradient(90deg, rgba(10, 10, 10, 0.05) 0%, rgba(16, 16, 16, 0.35) 45%, #3C2C5D 80.29%, #4B2574 100%);
  border-radius: 200px;
}
.hud-rectangle.rectangle3345 {
  position: absolute;
  width: 113px;
  height: 35px;
  right: 213px;
  top: 160px;
  background: linear-gradient(90deg, rgba(10, 10, 10, 0.05) 0%, rgba(16, 16, 16,0.35) 45%, #3C2C5D 80.29%, #4B2574 100%);
  border-radius: 200px;
}
.hud-rectangle.rectangle3346 {
  position: absolute;
  width: 113px;
  height: 35px;
  right: 213px;
  top: 208px;
  background: linear-gradient(90deg, rgba(10, 10, 10, 0.05) 0%, rgba(16, 16, 16,0.35) 45%, #3C2C5D 80.29%, #4B2574 100%);
  border-radius: 200px;
}
.hud-ellipse.ellipse15 {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 1673px;
  top: 120px;
  background: linear-gradient(90deg, #4E128D 0%, #3A0F67 100%);
  border-radius: 50%;
}
.hud-ellipse.ellipse16 {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 1674px;
  top: 163px;
  background: linear-gradient(90deg, #4E128D 0%, #3A0F67 100%);
  border-radius: 50%;
}
.hud-ellipse.ellipse17 {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 1674px;
  top: 211px;
  background: linear-gradient(90deg, #4E128D 0%, #3A0F67 100%);
  border-radius: 50%;
}
.hud-icon.mask {
  position: absolute;
  width: 19px;
  height: 19px;
  left: 1679px;
  top: 125px;
  background: url('images/mask.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.hud-icon.wallet {
  position: absolute;
  width: 21px;
  height: 21px;
  left: 1679px;
  top: 168px;
  background: url('images/wallet.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.hud-icon.card {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 1681px;
  top: 217px;
  background: url('images/card.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.hud-text.money1 {
  position: absolute;
  width: 120px;
  height: 17px;
  right: 255px;
  top: 127px;
  font-family: 'Gilroy', Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  text-align: right;
}
.hud-text.money2 {
  position: absolute;
  width: 120px;
  height: 17px;
  right: 255px;
  top: 169px;
  font-family: 'Gilroy', Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  text-align: right;
}
.hud-text.money3 {
  position: absolute;
  width: 120px;
  height: 17px;
  right: 255px;
  top: 218px;
  font-family: 'Gilroy', Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  text-align: right;
}
.hud-image.image364 {
  position: absolute;
  width: 94px;
  height: 94px;
  left: 1628px;
  top: 25px;
  background: url('images/image.png');
  background-size: cover;
  border-radius: 50%;
}
.hud-text.dynasty {
  position: absolute;
  width: 105px;
  height: 20px;
  left: 1552px;
  top: 50px;
  font-family: 'Agency FB', Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20.5px;
  line-height: 25px;
  color: #C48DF8;
}
.hud-text.discord {
  position: absolute;
  width: 105px;
  height: 20px;
  left: 1549px;
  top: 74px;
  font-family: 'Teko', Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 10.5px;
  line-height: 15px;
  color: #FFFFFF;
}