li.home a {
  background-color: var(--selected);
  border-radius: 10px;
}


.logo {
  width: 40%;
  max-width: 700px;
}

.fullteam {
  width: 95%;
}

h1 {
  color: rgb(39, 133, 39);
  -webkit-text-stroke: 1px rgb(28, 75, 28);
}

/* padding around the description paragraph */
.intro {
  padding-left: 10%;
  padding-right: 10%;
}

.videos {
  width: 100%;       /* Makes it fill its container */
  max-width: 500px;  /* Prevents it from getting massive on a giant desktop screen */
  max-height: 500px;      /* Keeps the proportions perfect so it doesn't distort */
  margin-top: 10px;  /* Optional: adds a little breathing room above the video */
  border: 1px solid rgb(33,139,61); /* Frog green border */
  border-radius: 8px;        /* Slightly rounded corners */
  padding: 4px;              /* Space between video and border */
  background-color: #111111; /* Dark background padding */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Subtle drop shadow */
}