.purple-cloud,
.purple-cloud2,
.purple-cloud3 {
  position: absolute;
  opacity: 0.45;
  border-radius: 50%;
  background-color: var(--color-blueviolet-100);
  filter: blur(200px);
  top: -85px;
  left: 15%;
  width: 55%;
  height: 130px;
}
.purple-cloud{
  opacity: 1;
}
.purple-cloud2{
  top: 648px;
  left: 5%;
  width: 474.1px;
  height: 334.91px;
  filter: blur(150px);
}
.purple-cloud3 {
  top: 1003px;
  left: 1.5%;
  width: 671px;
  height: 385px;
}
.green-cloud,
.green-cloud2 {
  position: absolute;
  opacity: 0.45;
  border-radius: 50%;
  background-color: var(--color);
  top: 453px;
  left: 69%;
  filter: blur(150px);
  width: 474px;
  height: 335px;
}
.green-cloud2 {
  top: 1240px;
  left: 66%;
  filter: blur(200px);
  width: 671px;
  height: 340px;
}
.ellipse-div {
  position: absolute;
  top: 2066px;
  left: 38%;
  border-radius: 50%;
  background: linear-gradient(-89.6deg, #95e239, #8534e7);
  filter: blur(200px);
  width: 1231px;
  height: 57px;
}

.logo-frame {
  position: absolute;
  top: 75px;
  left: 3.5%;
}
/* .logo-y-frame { */
  /* position: absolute; */
  /* top: 10.37px; */
  /* left: 140.5px; */
  /* border-radius: var(--br-10xs-7); */
  /* background-color: var(--color-blueviolet); */
  /* width: 41.76px; */
  /* height: 62.23px; */
/* } */
/* .logo-text { */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* display: inline-block; */
  /* width: 186px; */
  /* height: 72.61px; */
/* } */
/* .logo-y-mark, */
/* .logo-y-white { */
  /* position: absolute; */
  /* top: 35px; */
  /* left: 10px; */
  /* width: 13.3px; */
  /* height: 22.06px; */
/* } */
/* .logo-y-mark { */
  /* top: 5px; */
  /* left: 7px; */
  /* width: 30.75px; */
  /* height: 45.88px; */
/* } */

.home {
  text-decoration: none;
  position: absolute;
  top: 75px;
  right: calc(9% + 172px);
  font-size: var(--font-size-6xl);
  font-weight: 700;
  font-family: var(--font-poppins);
  color: inherit;
  text-align: center;
  display: inline-block;
  width: 233px;
  height: 67px;
  cursor: pointer;
}

.buyxrfy {
  text-decoration: none;
  position: absolute;
  top: 125px;
  right: calc(9% + 172px);
  font-size: var(--font-size-5xl);
  font-weight: 700;
  font-family: var(--font-poppins);
  color: inherit;
  text-align: center;
  display: inline-block;
  width: 233px;
  height: 67px;
  cursor: pointer;
}

.connect-button {
  top: 0;
  left: 0;
  border-radius: 8px;
  background-color: var(--color);
  width: 275px;
  height: 62.79px;
}
.connect-text {
  text-decoration: none;
  position: absolute;
  top: 13.89px;
  left: 64px;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  width: 174px;
  height: 38px;
  cursor: pointer;
}
.connect-icon {
  position: absolute;
  height: 74%;
  width: 15%;
  top: 12.5%;
  right: 74%;
  bottom: 11%;
  left: 4%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.connect-frame {
  position: absolute;
  top: 78px;
  right: 3.5%;
  width: 275px;
  height: 63px;
  text-align: center;
  font-size: var(--font-size-6xl);
  color: var(--color-gray-400);
  font-family: var(--font-poppins);
}

.block-verif-container,
.block-immut-container {
  position: absolute;
  top: 467px;
  left: 16%;
  width: 557px;
  height: 420px;
}
.block-verif-container {
  left: 55.5%;
 }
.block-immut-title,
.block-verif-title {
  position: relative;
  top: 0px;
  background-color: var(--border-color);
  width: 557px;
  height: 74px;
}
.block-verif-title {
  background-color: var(--color);
}
.x-immute,
.x-verify {
  position: relative;
  top: 13px;
  left: 0px;
  font-size: var(--font-size-20xl-1);
  font-weight: 600;
  color: var(--color-gray-500);
  text-align: center;
  display: inline-block;
  width: 557px;
  height: 49px;
}
.x-verify {
  color: var(--color-gray);
}
.block-verif,
.block-immut {
  position: relative;
  top: 346px;
  left: 557px;
  border-radius: var(--br-5xs-8) var(--br-5xs-8) 0 0;
  background-color: var(--color-palegoldenrod);
  width: 557px;
  height: 346px;
  transform: rotate(-180deg);
  transform-origin: 0 0;
}
/* format all black text */
.free-text,
.hash-to-check,
.select-a-file,
.upload-a-file,
.x-verify-file,
.verify-file, 
.text-to-check,
.free-text-text,
.text-to-check-text,
.hash-to-check-text {
  position: absolute;
  font-weight: 600;
  color: var(--color-black);
  display: inline-block;
}
/* format all user input blocks */
.free-text-text-frame,
.hash-to-check-text-frame,
.text-to-check-text-frame {
  position: absolute;
  top: 295px;
  left: 27px;
  border-radius: var(--br-5xs-8);
  background-color: var(--color-white);
  width: 500px;
  height: 38px;
}
.hash-to-check-text-frame {
  top: 136px;
}
/* format all user inputs text contents */
.free-text-text,
.text-to-check-text,
.hash-to-check-text {
  top: 12px;
  left: 25px;
  font-size: var(--font-size-xs-7);
  width: 450px;
  height: 30px;
  overflow-wrap: break-word;
  white-space:pre-wrap;
}
[contenteditable] {
  outline: 0px solid transparent;
}
/* X Immute block */
.verify-file {
  position: relative;
  left: -8px;
}
.upload-a-file,
.x-verify-file {
  top: 142px;
  left: 33px;
  font-size: 16.25px;
  color: var(--color-black);
  width: 450px;
  height: 35px;
}
.x-verify-file {
  top: 85px;
  left: 29px;
  font-size: 26px;
  color: var(--border-color);
}
.hiddenfi {
	display: none;
}
.big-separator {
  position: absolute;
  top: 128px;
  left: 1px;
  width: 555px;
  height: 1.63px;
}
.file-chosen-frame,
.choose-file-frame {
  position: absolute;
  top: 168px;
  left: 29px;
  border-radius: var(--br-6xs-5) 0 0 var(--br-6xs-5);
  background-color: var(--color);
  width: 160px;
  height: 31px;
}
.file-chosen-frame {
  top: 199px;
  left: 348px;
  background-color: #b2c996;
  transform: rotate(-180deg);
  transform-origin: 0 0;
}
.choose-file-text,
.file-chosen-text {
  position: absolute;
  top: 9px;
  font-size: var(--font-size-xs-7);
  font-weight: 600;
  color: var(--color-darkslategray);
  text-align: center;
  display: inline-block;
  width: 155px;
  height: 22.3px;
  z-index: 1;
}
.file-chosen-text {
  left: 163px;
}
.copyhash{
  position:absolute;
  top: 203px;
  left: 502px;
  width: 15px;
}
.small-separator {
  position: absolute;
  top: 247px;
  left: 131px;
  width: 299px;
  height: 1px;
}
.free-text,
.select-a-file {
  top: 207px;
  left: 30px;
  font-size: var(--font-size-xs-7);
  height: 35px;
}
.free-text {
  top: 268px;
  height: 18.2px;
  font-size: 16.25px;
}
.tag-in-blockchain-button,
.tag-in-blockchain-text {
  position: absolute;
  top: 0px;
  left: 0;
  width: 401px;
}
.tag-in-blockchain-button {
  border-radius: 5px;
  background-color: var(--color);
  height: 40px;
}
.tag-in-blockchain-text {
  top: 5px;
  display: inline-block;
  height: 36px;
}
.tag-in-blockchain-frame {
  position: absolute;
  top: 361px;
  left: 75px; 
  width: 401px;
  height: 40px;
  text-align: center;
  font-size: 19.5px;
  color: var(--color-gray-300);
  font-family: var(--font-poppins);
}
.copylink {
  position: absolute;
  top: 92px;
  left: 400px;
  display: none;
}
/* X Verify block */
.hash-to-check,
.text-to-check {
  top: 110px;
  left: 29px;
  font-size: 16.25px;
  width: 450px;
  height: 18.2px;
}
.text-to-check {
  top: 268px;
}
.xerify-button-hash-frame,
.xerify-button-text-frame {
  position: absolute;
  top: 184px;
  left: 27px;
  width: 148px;
  height: 40px;
  text-align: center;
  font-size: var(--font-size-smi);
  color: var(--color-gray-300);
  font-family: var(--font-poppins);
}
.xerify-button-text-frame {
  top: 344px;
}
.xerify-button,
.xerify-button-text {
  position: absolute;
  left: 0;
  width: 148px;
}
.xerify-button {
  top: 0;
  border-radius: 5.26px;
  background-color: var(--color);
  height: 40px;
}
.xerify-button-text {
  top: 11px;
  display: inline-block;
  height: 26px;
}

.img-title {
  position: absolute;
  top: 235px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 80%;
}

/* This is the main title part */
/* .true1 { */
  /* color: var(--color); */
/* } */
/* .immutability { */
  /* color: var(--border-color); */
/* } */
/* .origin-using-blockchain-immuta { */
  /* margin: 0; */
/* } */
/* .ensure-authenticity-and-container1 { */
  /* position: absolute; */
  /* top: 245px; */
  /* left: 639px; */
  /* font-size: 55.34px; */
  /* font-weight: 600; */
  /* display: inline-block; */
  /* width: 1081px; */
  /* height: 167px; */
/* } */


/* .group-child7 { */
  /* position: absolute; */
  /* top: 20.14px; */
  /* left: 272.86px; */
  /* border-radius: 5.25px; */
  /* background-color: var(--color-blueviolet); */
  /* width: 81.1px; */
  /* height: 120.86px; */
/* } */
/* .xerif2 { */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* display: inline-block; */
  /* width: 369px; */
  /* height: 141.01px; */
/* } */
/* .group-child8, */
/* .group-child9 { */
  /* position: absolute; */
  /* top: 89.27px; */
  /* left: 290.64px; */
  /* width: 25.83px; */
  /* height: 42.84px; */
/* } */
/* .group-child9 { */
  /* top: 30.22px; */
  /* left: 283.79px; */
  /* width: 59.72px; */
  /* height: 89.1px; */
/* } */
/* .rectangle-parent4 { */
  /* position: absolute; */
  /* top: 231px; */
  /* left: 229px; */
  /* width: 369px; */
  /* height: 141.01px; */
  /* font-size: 109.88px; */
  /* color: var(--color-blueviolet); */
  /* font-family: var(--font-poppins); */
/* } */
/* .desktop-2-child16 { */
  /* position: absolute; */
  /* top: 272px; */
  /* left: 609px; */
  /* width: 8px; */
  /* height: 94px; */
/* } */

/* .group-child10 { */
  /* position: absolute; */
  /* top: 11.68px; */
  /* left: 158.24px; */
  /* border-radius: 3.05px; */
  /* background-color: var(--color-blueviolet); */
  /* width: 47.03px; */
  /* height: 70.09px; */
/* } */
/* .xerif3 { */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* display: inline-block; */
  /* width: 214px; */
  /* height: 81.78px; */
/* } */
/* .group-child11, */
/* .group-child12 { */
  /* position: absolute; */
  /* top: 51.77px; */
  /* left: 168.56px; */
  /* width: 14.98px; */
  /* height: 24.84px; */
/* } */
/* .group-child12 { */
  /* top: 17.52px; */
  /* left: 164.58px; */
  /* width: 34.63px; */
  /* height: 51.67px; */
/* } */
/* .rectangle-parent5 { */
  /* position: absolute; */
  /* top: 1849px; */
  /* width: 214px; */
  /* height: 81.78px; */
  /* font-size: 63.72px; */
  /* color: var(--color-blueviolet); */
  /* font-family: var(--font-poppins); */
  /* margin: auto; */
  /* left: 0; */
  /* right: 0; */
  /* text-align: center; */
/* } */

.logo-frame2 {
  position: absolute;
  top: 1849px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
}
.logo-text-frame {
  position: absolute;
  top: 10.37px;
  left: 0px;
  border-radius: var(--br-10xs-7);
  background-color: var(--color-blueviolet);
  width: 41.76px;
  height: 62.23px;
}

.block-nr,
.description,
.file-hash,
.sender {
  position: absolute;
  top: 0px;
  left: 182px;
  font-size: var(--font-size-6xl);
  font-weight: 600;
  display: inline-block;
  width: 213px;
  height: 70px;
}
.sender {	
  left: 329px;
  width: 128px;
}
.description {
  left: 800px;
  width: 306px;
}
.file-hash {
  left: 1264px;
  width: 306px;
}
.desktop-2-child17,
.desktop-2-child18,
.desktop-2-child19,
.desktop-2-child20,
.desktop-2-child21,
.desktop-2-child22,
.desktop-2-child23,
.desktop-2-child24,
.desktop-2-child25,
.desktop-2-child26 {
  position: absolute;
  top: 59px;
  left: 8.6%;
  background-color: var(--color-gray-300);
  width: 1588px;
  height: 58px;
}
.desktop-2-child18 {
  top: 129px;
  background-color: var(--color-gray);
}
.desktop-2-child19 {
  top: 199px;
}
.desktop-2-child20{
  top: 269px;
  background-color: var(--color-gray);
}
.desktop-2-child21 {
  top: 339px;
}
.desktop-2-child22 {
  top: 409px;
  background-color: var(--color-gray);
}
.desktop-2-child23 {
  top: 479px;
}
.desktop-2-child24 {
  top: 549px;
  background-color: var(--color-gray);
}
.desktop-2-child25{
  top: 619px;
}
.desktop-2-child26 {
  top: 689px;
  background-color: var(--color-gray);
}

.div,
.div1,
.div2,
.div3,
.div4,
.div5,
.div6,
.div7,
.div8,
.div9 {
  position: absolute;
  top: 19px;
  left: 30px;
  font-weight: 600;
  display: inline-block;
  width:90px;
  height: 42px;
}
.owner,
.owner1,
.owner2,
.owner3,
.owner4,
.owner5,
.owner6,
.owner7,
.owner8,
.owner9 {
  position: absolute;
  top: 19px;
  left: 166px;
  font-weight: 600;
  display: inline-block;
  width: 415px;
  height: 42px;
}
.text,
.text1,
.text2,
.text3,
.text4,
.text5,
.text6,
.text7,
.text8,
.text9{
  position: absolute;
  top: 19px;
  left: 637px;
  font-weight: 600;
  display: inline-block;
  width: 420px;
  height: 42px;
  overflow: hidden;
}
.thash,
.thash1,
.thash2,
.thash3,
.thash4,
.thash5,
.thash6,
.thash7,
.thash8,
.thash9{
  position: absolute;
  top: 19px;
  left: 1101px;
  font-weight: 600;
  display: inline-block;
  width: 432px;
  height: 42px;
  overflow: hidden;
}

/* These are the separators */
/* .desktop-2-child27, */
/* .desktop-2-child28, */
/* .desktop-2-child29 { */
  /* position: absolute; */
  /* top: 1056px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child28, */
/* .desktop-2-child29 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child29 { */
  /* left: 1268.75px; */
/* } */
/* .desktop-2-child30, */
/* .desktop-2-child31, */
/* .desktop-2-child32 { */
  /* position: absolute; */
  /* top: 1126px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child31, */
/* .desktop-2-child32 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child32 { */
  /* left: 1268.75px; */
/* } */
/* .desktop-2-child33, */
/* .desktop-2-child34, */
/* .desktop-2-child35 { */
  /* position: absolute; */
  /* top: 1334px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child34, */
/* .desktop-2-child35 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child35 { */
  /* left: 1268.75px; */
/* } */
/* .desktop-2-child36, */
/* .desktop-2-child37, */
/* .desktop-2-child38 { */
  /* position: absolute; */
  /* top: 1544px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child37, */
/* .desktop-2-child38 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child38 { */
  /* left: 1268.75px; */
/* } */
/* .desktop-2-child39, */
/* .desktop-2-child40, */
/* .desktop-2-child41 { */
  /* position: absolute; */
  /* top: 1196px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child40, */
/* .desktop-2-child41 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child41 { */
  /* left: 1268.75px; */
/* } */
/* .desktop-2-child42, */
/* .desktop-2-child43, */
/* .desktop-2-child44 { */
  /* position: absolute; */
  /* top: 1404px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child43, */
/* .desktop-2-child44 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child44 { */
  /* left: 1268.75px; */
/* } */
/* .desktop-2-child45, */
/* .desktop-2-child46, */
/* .desktop-2-child47 { */
  /* position: absolute; */
  /* top: 1614px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child46, */
/* .desktop-2-child47 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child47 { */
  /* left: 1268.75px; */
/* } */
/* .desktop-2-child48, */
/* .desktop-2-child49, */
/* .desktop-2-child50 { */
  /* position: absolute; */
  /* top: 1266px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child49, */
/* .desktop-2-child50 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child50 { */
  /* left: 1268.75px; */
/* } */
/* .desktop-2-child51, */
/* .desktop-2-child52, */
/* .desktop-2-child53 { */
  /* position: absolute; */
  /* top: 1474px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child52, */
/* .desktop-2-child53 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child53 { */
  /* left: 1268.75px; */
/* } */
/* .desktop-2-child54, */
/* .desktop-2-child55, */
/* .desktop-2-child56 { */
  /* position: absolute; */
  /* top: 1684px; */
  /* left: 406.75px; */
  /* width: 0.5px; */
  /* height: 53.5px; */
/* } */
/* .desktop-2-child55, */
/* .desktop-2-child56 { */
  /* left: 851.75px; */
/* } */
/* .desktop-2-child56 { */
  /* left: 1268.75px; */
/* } */

.desktop-2 {
  position: absolute;
  background-color: var(--color-gray-400);
  width: 100%;
  height: 2430px;
  text-align: left;
  font-size: var(--font-size-xl);
  color: var(--color-white);
  font-family: var(--font-montserrat);
  overflow: hidden;
  white-space: nowrap;
}
.table-container {
  position: absolute;
  top: 995px;
  height: 800px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.statusConn {
  position: absolute;
  top: 5px;
  right: 105px;
  width: 105px;
  height: 10px;
  font-size: var(--font-size-xs-7);
  font-weight: 600;
  color: var(--color-darkslategray);
  text-align: left;
}
.dot {
  position: relative;
  top: 3px;
  font-size: 25px;
  color: gray;
}
/* Screen smaller than 1500px? 1 column */
@media (max-width: 1500px) {
  .block-verif-container,
  .block-immut-container {
	position: relative;
	top: 467px;
	margin: auto;
	left: auto;
	/* overflow-x: auto; */
  }
  .block-verif-container {
	position: relative;
	top: 550px;
  }
  .table-container {
	position: relative;
	top: 615px;  
  }
  .logo-frame2 {
	top: 2270px;
  }
  .logo-frame {
	display: none;
  }
}