@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

body{
  background-color: #6C5CE7;

}

.hello9 {
  display: flex;
  justify-content: center;
  position: relative; /* مهم لتثبيت الصورة فقط */
  flex-direction: column;
  align-items: center;
}

.hello9-buttons {
  display: flex;
  position: relative;
  top: 6px;
  width: 110%;
}

.hello9-buttons a {
  flex: 1; /* كل زر يأخذ نصف العرض */
  text-align: center;
  text-decoration: none;
  color: gold;
  font-size: 22px;
  background-color: dodgerblue;
  text-shadow: 0px 10px 10px rgba(0, 0, 0, 1);
  border-radius: 0; /* بدون زوايا دائرية، أو عدّلها كما تحب */
  padding: 1rem;
  transition: background-color 0.3s ease;
  border: 1px solid white; /* حدود خفيفة تفصل بين الزرين */
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 1);
}
.hello9-buttons a:hover {
  background-color: deepskyblue;
}

.hello9 img {
  margin-top: -8px;
  height: 800px;
  width: 420px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 1);;
}