.bg {
  position: fixed;
  inset: 0;
  background:
    linear-gradient(120deg, #667eea, #764ba2),
    url("../images/computer.png");
  background-blend-mode: overlay;
  background-size: cover;
  background-position: center;
  z-index: -1;
  opacity:0.5;
}


.button {
  margin:20px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content:center;
  position: sticky;
  top:0;
  }
.button a,
.back {
  padding: 14px 36px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: linear-gradient(to right,purple, #dd2476);
  color: white;
  text-decoration: none;
  font-size: 20px;
  letter-spacing: 0.5px;
  transition: all 0.35s ease;
  box-shadow: 0 10px 25px rgba(221, 36, 118, 0.4);
}

.button a:hover,
.back:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 15px 35px rgba(238, 36, 211, 0.6);
}

.buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 260px;
}


.buttons a,
.back {
  padding: 14px 36px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: linear-gradient(to right,purple, #dd2476);
  color: white;
  text-decoration: none;
  font-size: 30px;
  letter-spacing: 0.5px;
  transition: all 0.35s ease;
  box-shadow: 0 10px 25px rgba(221, 36, 118, 0.4);
}

.buttons a:hover,
.back:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 15px 35px rgba(238, 36, 211, 0.6);
}