h1 
{
  font-size: larger;
}

h2 
{
  font-size: large;
}

.parallax 
{
    min-height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .parallax {
      background-attachment: scroll;
  }
}

.parallax-dark
{
    background-color:#1c1c1c;
    color:  #eee;;
}

.parallax-green
{
    background-color: #007B33;
    color:  #eee;;
}

.parallax-light
{
    background-color: #eee;
    color:  #111;;
}
  

 .tiltedbars .tiltedbargray2, .tiltedbars .tiltedbargray, .tiltedbars .tiltedbarred {
    padding: 7px 15px 9px;
    font-size: 17px;
    display: inline-block;
    font-family: 'Source Code Pro', monospace;
  }
 
  .tiltedbargray2 {
    background-color: #555;
    color: white;
    text-decoration: none;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  .tiltedbargray2 a {
    color: white;
    text-decoration: none;
  }

  .tiltedbargray {
    background-color: darkslategray;
    color: white;
    text-decoration: none;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg)
  }

  .tiltedbargray a {
    color: white;
    text-decoration: none;
  }
  
  .tiltedbarred {
    background-color: rgb(175, 59, 59);
    color: white;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding-left: 30px;
    padding-right: 30px;
  }

  .tiltedbarred a {
    color: white;
  } 
 
.nav li {
    display: inline-block; /* Ensure list items are inline-block */
    margin-right: 5px; /* Adjust margin between items as needed */
}

.whitetextwithsemitransparentbackground {
  background-color: #000;
  color: white;
  opacity: 0.7;
}