Css file

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap");

body,
html {
  height: 100%;
  margin: 0%;
  padding: 0%;
}
#container {
}
body {
  background-color: hsl(233, 47%, 7%);
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
#main_heading {
  color: hsl(0, 0%, 100%);
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
#insights {
  color: hsl(277, 64%, 61%);
}
#main_paragraph {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.75);
}
#stats {
  display: flex;
  justify-content: flex-start;
  margin-left: 40px;
  padding-top: 40px;
}
#companies,
#templates,
#queries {
  color: white;
  font-family: "Lexend Deca", sans-serif;
}
#templates,
#queries {
  margin-left: 50px;
}
#com,
#temp,
#que {
  color: hsla(0, 0%, 100%, 0.6);
  font-family: "Lexend Deca", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
}
#card {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  border-radius: 10px;
  background-color: hsl(244, 38%, 16%);
  width: 1040px;
  height: 450px;
}

#text-container {
  margin-left: 40px;
  margin-top: 40px;
}

#image {
  margin-left: 92.5%;
  margin-top: -293.5px;
  height: 450px;
}