/*
CSS for all pages:
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Imperial+Script&family=Mea+Culpa&family=MonteCarlo&family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');
body {
    color:#494d52;
    background-color:#e1ecf7;
      font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
/*
CSS for Nav bar
*/
ul {
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    list-style:none;
    padding:20px;
    border:3px solid #f8f9fb;
    border-radius:10px;
    background-color: #bcd4e6; 
}

.home a {
      text-decoration:none;
      color:#494d52;
      font-size:18px;
}
.info a {
      text-decoration:none;
      color:#494d52;
      font-size:18px;
}
.source a {
      text-decoration:none;
      color:#494d52;
      font-size:18px;
}
.home a,
.info a,
.source a {
    text-decoration: none;
    color: #494d52;
    font-size: 18px;
    transition: color 0.3s ease;
}

.home a:hover,
.info a:hover,
.source a:hover {
    color: white;
}

/*
CSS for Home page:
*/
.title{
    text-align:center;
    padding-top:20px;
}
.subtitle{
    text-align:center;
    padding-top:10px;
}
.her-quote{
  font-family: "MonteCarlo", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:26px;
  text-align:center;
  padding-left:20%;
  padding-right:20%;

}

.home-image{
    width:50%;
    display:block;
    margin:auto;
    border:solid 8px #aecbeb;
    border-radius:10px;
    padding-bottom:1px;
}
.img1cap{
text-align:center;    
margin-top:1px;
}

.introtoher{
    text-align:center;
    font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
    font-size:26px;
    padding-left:10%;
    padding-right:10%;
}


/*
Info CSS code:
*/
.info-heading{
    text-align:center;
    padding-top:20px;

}
.who{
    padding-left:20px;
    padding-right:20px;
    
    
}
.discoveries{
    padding-left:20px;
    padding-right:20px;
}
.connections{
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}
.who-title {
margin-left:25px;

    font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}
.who-p {
    margin-left:25px;
    margin-top:-30px;
    font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}
.discoveries-title {
    margin-top:40px;
    text-align:center;
    font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
    margin-bottom:-2px;
}
.discoveries-p {
    margin-left:25px;
    font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
    margin-bottom:50px;
}
.connections-title {
    margin-left:25px;
    font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
    margin-bottom:-5px;
}
.ps-connection{
    line-height:auto;
}
.connections-p {
    text-align:left;
    font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
    margin-left:25px;
}
.connections-p2{
     text-align:left;
    font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
    margin-left:25px;
}


.pic-two{
    width:300px;
    margin-left:25px;
    border:solid 8px #aecbeb;
    border-radius:10px;
    margin-right:20px;
}
.cap2{
    margin-left:25px;
    margin-right:20px;
    margin-top:-2px;
    
}
.pic-three{
    border:solid 8px #aecbeb;
    border-radius:10px;
    width:300px;
    margin-left:20px;
    margin-right:25px;
   
}
.p3-cap{
    text-align:left;
    padding-right:25px;
    padding-left:20px;
    margin-top:-1px;
    
}
.p-pic,
.pic-p2 {
    display: flex;
    flex-direction: column; 
    align-items: center;
    gap: 10px; 
}

@media (min-width: 768px) {
    .p-pic,
    .pic-p2 {
        flex-direction: row; 
        align-items: center;
        justify-content: center;
    }

    .pic-two,
    .pic-three {
        width: 300px; 
        margin: 0 20px;
    }
}

/*
Sources CSS code:
*/
ol {
    border:8px solid white;
    border-radius:10px;
    
}
.sources-heading{
    padding-top:20px;
    text-align:center;
}
.item-one{
    padding-bottom:20px;
    padding-top:20px;
    color:#494d52;
}
.item-one a{
    color:#494d52;
}
.item-two{
    padding-bottom:20px;
}
.item-two a{
    color:#494d52;
}
.item-three{
    padding-bottom:20px;
}
.item-three a{
    color:#494d52;
}
.item-four{
    padding-bottom:20px;
}
.item-four a{
    color:#494d52;
}
.item-five{
    padding-bottom:20px;
}
.item-five a{
    color:#494d52;
}
.item-six{
    padding-bottom:20px;
}
.item-six a{
    color:#494d52;
}
.item-seven{
    padding-bottom:20px;
}
.item-seven a{
    color:#494d52;
}