html, body {
margin: 0;
font-family: Arial;
padding: 0;
  }
  
nav {
background-color:#ffaa00;
height:70px
  }
  
nav a {
  font-size: 1.2rem;
  padding:8px;

  
  }

nav a:link, a:visited, a:active{
  text-decoration: none;
  color:Black;
}

nav a:hover {
  background-color:#ca8700;
  }

  
.hero-image {
  background-image: url("/FlandLand/HeroImge.png");
  background-color: #cccccc;
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
  
.big-button{
  background-color:#0049ac;
  margin:20px;
  padding:15px;
  
  border-style: none;
  color:white;
  font-size: 1.2rem;
  }

.big-button:hover {
  background-color:#003478;
  cursor:pointer;
  }
  
.big-button:active{
  background-color:#006eff;
  }
  
.grid-container {
    display: grid;
    gap: 5%;
}
  
  .grid-container--fill {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }
  
  .grid-element {
  background-color:#e6e6e6;
  height:300px;
  width:400px;
  margin:10px;
  padding:10px;
}