h1 {
color: turquoise;
background-color: tomato;
padding: 0.5em;
border-radius: 10em;
}
img {
  max-width: 60%;
  height: auto;
}
body {
  background-color: black;
}
.wrapper {
  background-color: tomato;
  color: yellowgreen;
  border-radius: 3em;
}
footer {
  color: tomato;
  font-size: x-large;
  padding: 0.5em;
  background-color: yellowgreen;
}
nav {
  font-size: x-large;
  background-color: yellowgreen;
  padding: 1em;
border-radius: 10em;
font-size: 75%;
}
header {
  color: turquoise;
color: brown;
padding-left: 0.5em;
padding-bottom: 0.5em;
padding-right: 0.5em;
padding-top: 0.5em;
}
h2 {
  font-size: xx-large;
  padding-left: 1em;
}
nav ul {
  list-style-type: none;
display: flex;
align-items: center;
justify-content: space-around;
font-size: large;
}
nav a {
padding: .5em 3em;
text-transform: uppercase;
text-decoration: none;
color: tomato;
}
.me-grid {
display: grid;
  grid-template-columns: 3fr 3fr;
  grid-gap: 2em;
  padding-left: 9em;
}
.me-grid img {
border-radius: 10px;
}
.windsor {
display: flex;
align-items: right;
justify-content: space-around;
}
p {
  font-size: xx-large;
  font-style: oblique;
}
.about-photos {
  display: grid;
  grid-template-columns: 3fr 3fr;
  grid-gap: 2em;
  padding-left: 3em;
}
.about-photos img {
  max-width: 30%;
  height: auto;
}
.reds {
padding: 1em;
}
.senior {
  padding: 1em;
}
.para {
padding-left: 1em;
}
.photos img {
max-width: 40%;
height: auto;
  grid-template-columns: 3fr 3fr;
  grid-gap: 2em;
  padding-left: 6em;
}
.videos {
padding: .5em 3em;
text-transform: uppercase;
text-decoration: none;
color: yellowgreen;
font-size: xx-large;
}
.info {
  font-size: xx-large;
  padding: 1em;
border-radius: 10em;
}
.info ul {
  list-style-type: none;
display: flex;
align-items: center;
height: 600px;
justify-content: space-around;
text-transform: uppercase;
text-decoration: none;
color: yellowgreen;
padding-right: 40px;
}