* {
  box-sizing: border-box;
}

/* Style the body */
body {
  background-image: url("parcoaxfam.png"), url("parcoaxfamrev.png"); 
  background-size: 100px 333px, 100px 333px;
  background-repeat: repeat-y, repeat-y;
  background-position: right top, left top;

  
  font-family: arial;
  margin: 50px;
}

/* Header/logo Title */
.header {
  padding: 60px;
  text-align: center;
  background: white;
  color: white;
}

/* Style the top navigation bar */
.navbar {
  display: flex;
  background-color: rgba(0, 0, 0, 0.0);
  font-size: 18px
}

/* Style the navigation bar links */
.navbar a {
  color: Gray;
  padding: 20px 50px;
  font-family: "arial";
  text-decoration: none;
  text-align: center;
}

}
/*TRYING to decorate active links. online says to add active AFTER hover*/
.navbar a:visited {
  text-decoration: underline overline;
  /*background-color: #ddd;*/
  color: black;
}

/* Change on hover */
.navbar a:hover {
  text-decoration: underline overline;
  /*background-color: #ddd;*/
  color: black;
}


/* Column container */
.row {  
  display: flex;
  flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */

/* Sidebar/left column */
.side {
  flex: 30%;
  background-color: rgba(0, 0, 0, 0.0); 
  padding: 20px;
 
}

/*Style side links*/
.side a {
  color: Gray;
  padding: 20px 150px;
  font-family: arial;
  font-size: 26px;
  text-decoration: none;
  text-align: center;
}

/* Change on hover */
.side a:hover {
  text-decoration: underline overline;
  /*background-color: #ddd;*/
  color: black;
}

/* Main column */
.main {
  flex: 60%;
  background-color: rgba(0, 0, 0, 0.0); 
  padding: 100px;

}

/* Fake image, just for this example */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}



/* Footer */
.footer {
  padding: 10px;
  text-align: center;
  background: rgba(242,242,242,0.0);
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .row, .navbar {   
    flex-direction: column;
  }
}