.spectral-extralight {
  font-family: "Spectral", serif;
  font-weight: 200;
  font-style: normal;
}

.spectral-light {
  font-family: "Spectral", serif;
  font-weight: 300;
  font-style: normal;
}

.spectral-regular {
  font-family: "Spectral", serif;
  font-weight: 400;
  font-style: normal;
}

.spectral-medium {
  font-family: "Spectral", serif;
  font-weight: 500;
  font-style: normal;
}

.spectral-semibold {
  font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
}

.spectral-bold {
  font-family: "Spectral", serif;
  font-weight: 700;
  font-style: normal;
}

.spectral-extrabold {
  font-family: "Spectral", serif;
  font-weight: 800;
  font-style: normal;
}

.spectral-extralight-italic {
  font-family: "Spectral", serif;
  font-weight: 200;
  font-style: italic;
}

.spectral-light-italic {
  font-family: "Spectral", serif;
  font-weight: 300;
  font-style: italic;
}

.spectral-regular-italic {
  font-family: "Spectral", serif;
  font-weight: 400;
  font-style: italic;
}

.spectral-medium-italic {
  font-family: "Spectral", serif;
  font-weight: 500;
  font-style: italic;
}

.spectral-semibold-italic {
  font-family: "Spectral", serif;
  font-weight: 600;
  font-style: italic;
}

.spectral-bold-italic {
  font-family: "Spectral", serif;
  font-weight: 700;
  font-style: italic;
}

.spectral-extrabold-italic {
  font-family: "Spectral", serif;
  font-weight: 800;
  font-style: italic;
}
.container {
  size: 900px;
  display: grid;
  grid-gap: 10px;
  grid-template:
    "header header"
    "sidebar main"
    "footer footer"
    /  1fr 5fr;;
}

header { grid-area: header; }
aside { grid-area: sidebar; }
main { grid-area: main; }
footer { grid-area: footer; }
h1 {
    color: #000000;
    background-color: #FFFEE0;
    font-size: 3em;
    font-family: "Spectral", serif;
    margin: 0;
    margin-bottom: 7px;
    padding: 4px;
    text-align: center;
    border-style: solid;
    border-color: #4D0F00;

}
h2 {
    color: #000000;
      margin: 0;
    margin-bottom: 7px;
    padding: 4px;
    background-color: #FFFEE0;
    font-size: 1em;
    font-family: "Spectral", serif;
    font-style: italic;
    text-align: center;
    border-style: dotted;
    border-color: #4D0F00;

}
aside{
    align-items: flex-start;
    flex-direction: column;
  text-align: center;
    color: #000000;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #000000;
    margin: 0;
    margin-bottom: 7px;
    padding: 4px;
    width: 120px;

}
.div2 img {
  transition: transform 0.5s ease;
}

/* Images on Hover */
.div2:hover img {
  transform: scale(2.15);
}
.div2{

  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
    color: #000000;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #000000;
    margin: 0;
    margin-bottom: 7px;
    padding: 4px;
    width: 600px;
}
.div1{

  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
    color: #000000;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #000000;
    margin-bottom: 7px;
}
img {
  display: block;
  margin: auto;
}
  body {
  display: flex;
  width: 750px;
  margin: 0 auto;
  background-image: url("https://i.ibb.co/bbbgzp3/ss135.gif");
}
ul {
  font-family: "Spectral", serif;
  color: #000000;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #000000;
  padding: 10px;
  margin: 10px;
  text-align: center;
}
div3 {
  font-family: "Spectral", serif;
  color: #000000;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #000000;
  padding: 10px;
  margin: 10px;
  margin-bottom: 7px;
  text-align: center;
}
p {
  font-family: "Spectral", serif;
  color: #000000;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #000000;
  padding: 10px;
  margin: 10px;
  text-align: center;
}
figure {
    width: 600px;
  border: 1px #cccccc solid;
  padding: 4px;
      margin: 0;
    margin-bottom: 7px;
    padding: 4px;
    width: 600px;
  margin: auto;
}

figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
span {
  border: 1px solid black;
}