* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "DM Sans", sans-serif;
}
html,
body {
  width: 100%;
  height: 100%;
  position: relative;
}
h1 {
  font-size: 50px;
}
.text-gradient {
  background: #00c67d;
  background: linear-gradient(to right, #00c67d 0%, #006eff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-wrapper {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.circle
{
    width: 1000px;
    height: 1000px;
    background: #2A7B9B;
background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
    border-radius: 50%;
    position: absolute;
    z-index: -10000;
    backdrop-filter: blur(500px);
    -webkit-backdrop-filter: blur(500px);
    filter: blur(500px);
    right: 0;
    left: 80%;
    opacity: 30%;
}