/*
selector {
  property: value; 
  }
*/

@import url('https://fonts.googleapis.com/css2?family=Beau+Rivage&family=Cabin+Sketch:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

body{
    background-color:white;
}

.header{
    font-family: "Lexend", serif;
    font-size:15px;
    text-align:center;
    position:relative;
    top:-105px;
    color:#c7b599;
}

h1{
   font-family: "Beau Rivage", serif;
   background-color:#fffaeb;
   color:#9c8a6e;
    font-size:500%;
    text-align:center;
    border:double white 35px;
    border-radius:10px;
}

.topnav {
    background-color:white;
    overflow:hidden;
    align-items:center;
  position:relative;
  top:-85px;
}



.topnav a {
    float:left;
  color:#9c8a6e;
  padding: 15px 15px;
  text-decoration: none;
  font-size: 35px;
}

.topnav a:hover {
  background-color:#f7efda;
  color:#735b49 ;
}

.topnav a.active {
  background-color::#f7efda;
  color:#735b49;
}

ul {
    list-style:none;
    width:950px;
}


.quote {
    font-family: "Tangerine", serif;
    font-size:50px;
    color:#9c8a6e;
    position:relative;
    top:25px;
    left:400px;
    width:900px;
    
    
}

img {
    border-radius:50%;
    border:dashed #f7efda 10px;
    
}

.pearl {
    position:relative;
   top:-250px;
}

.htext {
  
   font-size:30px;
    font-family: "Lexend", serif;
    color:#735b49;
    top:-275px;
    position:relative;
    text-indent:50px;
    background-color:#fffaeb;
}

.text{
     font-size:20px;
    font-family: "Lexend", serif;
    color:#735b49;
     text-indent:50px;
     top:-450px;
    left:400px;
    width:900px;
    position:relative;
    background-color:#fffaeb;
}

.itext{
     font-size:20px;
    font-family: "Lexend", serif;
    color:#735b49;
    top:-75px;
    position:relative;
    text-indent:50px;
}

h2{
     font-family: "Lexend", serif;
      color:#9c8a6e;
    font-size:45px;
    text-align:center;
}

.last{
     font-size:18px;
    font-family: "Lexend", serif;
    color:#735b49;
    top:-25px;
    position:relative;
    
}

.belle{
    position:relative;
    left:330px;
}