.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 20px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: #333;
  color: white;
  font-size: 30px;
  height: 60px;
}

.home {
  display: inline-block;
  padding-bottom: 0px;
  font-size: 30px;
  margin-right: 2%;
  background-color: #333;
  color: white;
  border-color: #333;
}

.portfolio {
  display: inline-block;
  padding-bottom: 0px;
  font-size: 30px;
  margin-right: 2%;
}

.resume {
  font-size: 30px;
  margin-right: 2%;
  border: 2px solid white;
  background-color: #333;
  color: white;
}

.pixelated-images-flex {
  display: flex;
  flex-direction: row;   
  flex-wrap: wrap;       
  gap: 1rem;             
  justify-content: center; 
  align-items: center;    
}

.pixelated-images img {
  max-width: 150px;
  height: auto;
  display: block;
}

.pixelated-info {
  margin-top: 20px;
}

.video-flexbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.video-container {
  flex: 1;
  display:block;
}

.video-info {
  margin-top: 20px;
}

.scripts-flexbox {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;             
  justify-content: center; 
  align-items: center;
}

.scripts-all-info {
  display: flex;
  flex-direction: row;
  justify-content: center; 
  align-items: flex-end;
}

.script-div {
  flex:1;
}

.script-div iframe {
  display: block;
}

.logline-div {
  display: inline-block;
  flex:1;
}