p#splashtext{text-align: left;
font-size: 18px;
margin-top: -750px;
margin-left: 1100px;
margin-right: 150px;
color:white;}

body {margin: 70px; padding: 30px;}

header {
  display: flex;
align-items: center;
  position: sticky;
justify-content: space-between;
padding: 10px;}

nav {width: 100%;
position: fixed;
top:0;
left: 0;
background-color: #dcc4e2;
padding: 10px;
z-index:100;}

nav ul {display: flex;
list-style: none;
  justify-content: center;
  align-items: center;
margin: 0;
padding: 0;}

nav li {margin-left: 20px;}

nav a {display: block;
  text-decoration: none;
color: #e217b0;
padding: 10px;
font-size: 20px;}

nav a:hover {background-color: #cfb4d5; 
color: #920d71;}

h1 {padding-top: 50px;
text-align: center;
font-family: "packard-new-style", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 50px;
color:#e217b0;}

h2 {font-family: "packard-new-style", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 35px;
color:#e469c6}

h3 {font-family: "adobe-caslon-pro", serif;
font-weight: 400;
font-style: normal;
line-height: 10px;
color: #920d71;}

h4 {font-family: "adobe-caslon-pro", serif;
font-weight: 700;
font-style: normal;
line-height: 10px;}

p{font-family: "adobe-caslon-pro", serif;
font-weight: 400;
font-style: normal;
font-size: 20px;}


#gal p {text-align: left; width: 100vw;
position: relative; left: 50%; right: 50%; 
margin-left: -30vw; z-index: -1;}


body {background-color: #fffbfb;}


h1#front {text-align:center;
    font-size: 80px;
        background-color:#dcc4e2; 
        padding:20px;
        margin-top:725px;
        opacity: 0.7; /*60% opacity*/
font-family: "packard-new-style", sans-serif;
font-weight: 700;
font-style: normal;}

 a:link{color:#e217b0; text-decoration:none;}
        a:visited{color:#e217b0;}
        a:hover{color:#d0104f;}

.logopages {width: 100px;
position:absolute; 
left: 20px;
top: -40px;}

.logo{position: absolute;
    top: -100px;
    left: 20px;
    width: 650px;
margin-left: 40px;}

.logopages{position: fixed;
    top: -100px;
  right: 20px;
    margin-right: 30px;
  margin-left: 30px;
    width: 300px; }

.item {display: flex;
  flex-direction: row;
align-items: center;
  justify-content: center;
  text-align: center;
gap: 20px;
margin-bottom: 60px;}

.item img {width: 300px;
  height: 300px;
border-radius: 50%;
object-fit: cover;
align-content: center;}

.item p {max-width: 500px;}

#wrap{display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  text-align: center;
  gap: 15px;
  width: 100%;
margin-top: 30px;
padding:10px;}

#gal{width: 350px;
text-align: center;}

#gal img {padding: 10px;
  display: block;
width: 1000px; background-color: #d4c7d1;
height:auto;
position: relative;
left: 50%;
transform: translateX(-50%);
z-index: -1;}

.right-image {float: right;
width: 850px;
height: auto;
margin-left: 15px;
margin-top: -100px;}


footer {
    background-color: #dcc4e2;
    color: #e217b0;
    text-align: center;
    padding: 20px;
  margin-top: 20px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: -50vw;
  }

body#splash{
height:100%;
overflow-y: scroll;
background: url(images/background.jpg) no-repeat center center fixed;
background-size: cover;
}