:root {
    --green: #00FF00;
    --white: #FFFFFF;
    --black: #000000;
  }

  body {
    font-family: system-ui, sans-serif;
    color: #333;
    background-size: cover;
    background-image: url("../images/back3.jpg");
  }

  .grid {
    width: 90%;
    max-width: 80rem;
    margin: 2rem auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    grid-gap: 1.5rem;
  }

  .item {
    border: 1px solid #999;
    background-color: white;
  }
  
  .preview {
    height: 16rem;
    border-bottom: 1px solid #999;
  }
  
  .style-01 {
    background-color: lightblue;
  }

 

  h1 {
    text-align: center;
  }



  /* Style the navbar */

.vertical-menu {
  width: 140px; /* Set a width if you like */
}

.vertical-menu a {
  background-color: transparent/
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color: #04AA6D; /* Add a green color to the "active/current" link */
  color: white;
}