body {
    background-color: #1f1f1f;
  }

  body{
    background-image: url("Beevo.png");
    background-size: cover;
    
    
    
    height: 100vh;
    padding:0;
    margin:0;
  }

  .navbar {
  display: flex;
  align-items: center;
  justify-content: right; /* Center all items horizontally */
  gap: 2.5px; /* Space between links and button */
  padding: 12px;
  color: #f1f1f1;
  text-decoration: none;
  font-size: 17px;
  width: 31.5%;
}

.navbar button {
  margin: 0;
  padding: 0 10px;
  text-align: center;
  background: none;
  border: none;
  font-size: 17px;
  color: #f1f1f1;
  text-decoration: none;
  margin-top: 120px;
}

.cavbar {
  background-color: #b9cefb;
  padding: 15px;
  border-radius: 8px;
  text-align: center;
  margin: 20px auto;
  max-width: 600px;
}
.cavbar button {
  margin: 0 10px;
  display: inline-block; /* Ensures buttons are inline */
}

    .lavbar a {
    float: left;
    padding: 12px;
    color: #f1f1f1;
    text-decoration: none;
    font-size: 17px;
    width: 31.5%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
    text-align: center; /* If you want the text to be centered */
  }

  .taskbar a {
  float: left;
  padding: 6px;
  color: #f1f1f1;
  text-decoration: none;
  font-size: 9.5px;
  width: 32%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center; /* If you want the text to be centered */
  }

  h2 {
  text-shadow: 0.5px 1.5px 2.5px #1f1f1f; /* Adds a shadow effect */
  color: #f1f1f1
}

  h1 {
  text-shadow: 0.5px 1.5px 2.5px #1f1f1f; /* Adds a shadow effect */
  color: #f1f1f1
}

  h3 {
  text-shadow: 0.5px 1.5px 2.5px #1f1f1f; /* Adds a shadow effect */
  color: #f1f1f1
}

head  {
  top: 0;
}

  .content {
  background-image: linear-gradient(to bottom, #94b2c8, #c5d5e1);
  }

  div {
  /* background-color: #f1f1f1; */ /* Remove or comment out this line */
  color: #b9cefb;
}