body {
	line-height: 1.3;
}

h1 {
  color: limegreen;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: yellow;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: limegreen;
  font-style: italic;
  position: fixed;
  bottom: 1rem;
  right: 5%;
}

.line-break {
  line-height: 12px;
}


.publications {
  color: black;
  font-size: 16px;
  font-weight: 500;
}

.publications-indent {
  text-indent: 6mm;
  color: black;
  font-size: 16px;
  font-weight: 500;
}
#everything {
  font-family: Arial; Helvetica; sans-serif;
  background-color: lightcyan;
}

#grand-title {
  font-family: Arial; Helvetica; sans-serif;
  position:fixed;
  top:0;
  right:5%;
  padding-right: 15px;
  font-size: 60px;
  text-decoration: none;
  }



p {
	/* not only Ps should get this style so i moved it to the bottom */
/*  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700; */
  }

a {
  color: #6900ff;
}

a:link {
  color: #6900ff;
}

a:focus {
  text-decoration: none;
  background-color: #cdfeaa;
}

a:hover {
  text-decoration: none;
  background: #cdfeaa;
}

a:active {
  background: #6900ff;
  color: #cdfeaa;
}

.container {
  left: 1%;
  padding-left: 15px;
  padding-top: 40px;
  padding-right: 400px;
/* Hey Mike!!!! I commented out this line because it was the only thing causing an issue.*/
  /* line-height: 5px; */
}
 
 .space-bar
 {
  padding-bottom: 1px;
 }

 .text
 {
  color: black;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
 }

 .film-stills-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
 }

 .film-stills {
  width: 20rem;
 }

 .box {
  border-width: 6px;
  border-style: dotted;
  border-color: black;
  display: flex;
  width: 540px;
  height:540px;
  align-items: center;
  justify-content: center;
}

 .box22 {
  border-width: 6px;
  border-style: dotted;
  border-color: black;
  display: flex;
  top: 120px;
  left: 600px;
  width: 540px;
  height:540px;
  align-items: center;
  justify-content: center;
}


/* STUFF HENRY ADDED */

 .body-text-layout, .section-title {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
	font-weight: 700;
 }
 
 .body-text-layout {
	font-size: 18px;
  }

.section-title {
  font-size: 24px;
  margin-bottom: .5rem;
}

.selected-publication {
	margin-bottom: 1rem;
}

.work-item {
	margin-bottom: 2rem;
}

/* Oh and mike this is where you would overwrite things for the phone version!! */

@media(max-width: 768px){
	.container {
		padding-right: 0;
		padding-left: 0;
	}
	#grand-title {
		font-size: 13vw;
    		right: auto;
	    left: 1%;
	}
	img {
	    max-width: 100%;
    		height: auto;
	}

	iframe {
		max-width: 100%;
		aspect-ratio: 16 / 9;
	}

}