nav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* background-color: blueviolet; */
}
nav div {
    width:max-content;
    flex-direction: row;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;  
    border:1px;
    border-color: black;
    background-color: aqua;
}
#main {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
}
#main h2 {
    margin: 10px;
}
section {
    background-clip: border-box;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-direction: column;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
 }
#work {
    background-color: whitesmoke;
    border-radius: 10px;
    margin: 10px;
}
#hrz div {
    flex-direction: row;
}
#dreams {
    background-color: lightskyblue;
    border-radius: 10px;
    margin: 10px;
}
#career {
    background-image: url("img1.jpeg");
    color: white;
    background-color: whitesmoke;
    box-shadow: inset 0 0 0 100vmax rgba(0,0,0,.3);
}
#career a:link {
    color:yellow;
}
#career a:visited {
    color: white;
}

#windsurf {
    background-image: url("img2.jpg");
    background-color: orange;
    color: black;
}
#cooking {
    background-image: url("buns.jpg");
    background-color: brown;
    color: black;
}

/* TOP Navigation grid */
.top_nav_grid_container {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    grid-gap: 10px;
    background-color: #2196F3;
    padding: 10px;
    width: 100%;
  }

  .top_nav_grid_container > div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    /* padding: 20px 0; */
    /* font-size: 30px; */
    width: auto;
    /* display: flex; */
    justify-content: center;
    align-content: center;
}