body {
  background-image: url(victorian.jpg);
}

#wrapper {
  margin: 24px auto;
  width: 1159px;
  border: 10px solid #450E73;
  padding: 24px;
  background-color: #222222;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 24px;
}

header {
  grid-column:span 8;
  background-color:#450E73;
  color:white;
  font-family: "adorn-engraved", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.links{
  text-align:right;
  width: 49%;
  display:inline-block;
  font-size: 20.6px;
  font-weight:bold;
  padding-right: 15px;
}

h1{
  width: 47%;
  display:inline-block;
  padding-left: 24px;
}

header a{
  color:white;
  text-decoration:none;
}

header a:hover{
  color:#cdade8
}


nav {
  grid-column: span 3;
}

nav ul{
  list-style-type: none;
  padding: 15px;
  padding-top: 0px;
  margin-bottom: 30px;
  padding-left: 0px;
}

nav li {
  border: 1px solid #450E73;
  width: 334px;
  margin: 10px;
  display: inline-block;
  background-color: #450E73;
  border-radius: 10px;
}

nav li a{
  color:white;
  text-decoration:none;
  display:block;
  padding: 10px;
  padding-right: 20px;
  padding: 24px;
  font-size: 25px;
  font-weight: bold;
  border-radius: 10px;
  font-family: "adorn-engraved", sans-serif;
  font-weight: 400;
  font-style: normal;
}

nav li a:hover{
  background-color: #9334e2;
  border: 1px solid #953cdd;
  box-shadow: 7px 7px 8px #9c52d7; /* x, y, blur, color */
  border-radius: 10px;
}

aside{
  display: inline-block;
  align-content: center;
  margin-left: 10px;
  color: white;
  margin-right: 45px;
  font-family: "ratiomodern", serif;
  font-weight: 400;
  font-style: normal;
}

main{
  grid-column: span 5;
}

img{
  border:white 3px solid;
  border-radius: 10px;
}

h2{
  color:white;
  font-size: 30px;
  border-bottom: 3px white solid;
  padding-bottom: 10px;
  margin-right: 30px;
  font-family: "adorn-engraved", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h3{
  text-align:center;
  font-size: 30px;
  margin: 5px;
  padding-bottom: 20px
}

main a{
  color: white;
  text-decoration:none;
  align-content:center;
  font-size: 20px;
  font-family: "adorn-engraved", sans-serif;
  font-weight: 400;
  font-style: normal;
}

main a:hover{
  color:#cdade8
}

main h3{
  text-align:center;
  font-size: 30px;
  margin: 5px;
  padding-bottom: 3px;
  font-family: "adorn-engraved", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  border-bottom: solid white 2px;
  margin-right: 30px;
}

main p{
  color:white;
  font-family: "ratiomodern", serif;
  margin-right: 30px;
}

#myCarousel {
  margin-bottom: 20px;
  margin-right: 30px;
  width: 690px;
}

#myCarousel img{
  width: 100%;
}

#myCarousel .f-carousel__slide {
  margin-top: 20px;
}

#selfie{
  width: 43%;
  float: left;
  margin-right: 15px;
  margin-bottom: 1px;
  
}

.uniqueh3{
  text-align: left;
  font-size: 30px;
  margin: 5px;
  padding-bottom: 5px;
  font-family: "adorn-engraved", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  border-bottom: solid white 2px;
  margin-right: 5px;
  padding-right: 290px;
}

.uniqueli{
  list-style-type: circle;
  background-color: #222222;
  border: 0px solid black;
  font-size: 20px;
}

iframe{
  margin-top: 15px;
}

.mph3{
  border-bottom: 0px;
  margin-top: 0px;
}

.uniquelink{
  color: white;
  text-decoration:underline;
  font-family: "ratiomodern", serif;
}

#FGCA {
  margin-bottom: 20px;
  margin-right: 30px;
  width: 300px;
  margin-left: 200px;
}

#FGCA img{
  width: 100%;
  
}

#FGCA .f-carousel__slide {
  margin-top: 20px;
}