html {
  width: 100%;
  height: 100%;
  background-color: #f4f7f1;
}

#twitter_button {
  height: 24px;
  width: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 100%;
  background-color: #1da1f1;
}

#twitter_button:hover {
  background-image: linear-gradient(45deg, pink,#1da1f1);
}

#twitter_icon {
  height: 15px;
  width: 15px;
  position: absolute;
  right: 5px;
  top: 5px;
}

#huda_pic {
  width: 200px;
  height: 200px;
  border-color: black;
  border-style: 1px solid;
  border-radius: 100%;

  position: relative;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
}

#profile_card {
  position: fixed;
  top: 20%;
  left: 50%;
  /* margin-top: -50px; */
  margin-left: -335px;
  /* float: right; */
  width: 650px;
  height: 600px;
  border-top: 1px dotted #a7a9a6;
  border-radius: 0.5em;
  padding: 10px;
}

h1 {
  text-align: center;
  font-family: "Helvetica";
  font-size: 16pt;
}

p {
  padding: 5px;
  font-family: "Helvetica";
  font-size: 12pt;
  line-height: 150%;
}