/* General Reset */
body, html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

header {
  text-align: center;
  padding: 10px;
  background-color: cyan;
  border-bottom: 1px solid #ccc;
}

#portfolio-container {
  display: flex;
  height: calc(100vh - 50px); /* Full height minus header */
  overflow: hidden; /* Prevent overflow of the container */
}

.column {
  flex: 1; /* Equal space for both columns */
  overflow-y: auto; /* Enable vertical scrolling */
  padding: 10px;
  border-right: 1px solid #ddd;
}

.column:last-child {
  border-right: none; /* No border for the last column */
}

.content-block {
  background-color: #f9f9f9;
  margin: 10px 0;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

iframe, img {
  max-width: 100%;
  display: block;
}