* {
Background-color: #FFF7F5;;
Padding: 10px;
box-sizing: border-box;
}
/* Cabin CSS class for a variable style */
.cabin-<uniquifier> {
  font-family: "Cabin", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
/* Sansita CSS classes */
.sansita-regular {
  font-family: "Sansita", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sansita-bold {
  font-family: "Sansita", sans-serif;
  font-weight: 700;
  font-style: normal;
}

h1 {
  font-family: "Sansita", sans-serif;
  font-weight: 700;
  font-size: 64px;
  color: #A74958;
}

h2 {
  font-family: "Cabin", sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 40px;
  color: #A74958;
}

h3 {
  font-family: "Cabin", sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 28px;
  color: #A76949;
}

h4 {
  font-family: "Cabin", sans-serif;
  font-weight:500;
  font-style: normal;
  font-size: 24px;
  color: #73303A;
}

h5 {
  font-family: "Cabin", sans-serif;
  font-weight:500;
  font-style: normal;
  font-variant: small-caps;
  font-size: 15px;
  color: #A74987;
}

body {
  font-family: "Cabin", sans-serif;
  font-weight:400;
  font-size: 18px;
  color: #0C0305;
}

/*Small body text style is set as a class*/
.small {
  font-family: "Cabin", sans-serif;
  font-weight:400;
  font-size: 15px;
  color: #0C0305;
}

/*button styling*/
.btn-primary {
  background-color: #D16D7C;
  color:#0C0305;
  font-size: 15px;
  border-radius:8px;
  border: none;
  /*corner radius is 8px - text style small*/
}
.btn-primary a {
   color:#0C0305;
   text-decoration: none;
   background-color: none;
}

.btn-secondary {
  color:#0C0305;
  font-size: 15px;
  border-radius:8px;
  border: 1px solid #A76949;
}

/*nav section styling*/
nav {
  background-color: white;
  padding: 10px;
  
  width: 100%;
  display: flex;
  justify-content: space-between; 
  align-items: center; 
  flex-wrap: wrap;
  align-content: flex-start;
  z-index: 1000; /* Ensures the navbar stays on top */
}

nav img {
  background-color: white;
  max-height: 150px;
}

nav div {
  background-color: white;
  padding: 10px;
  justify-content: right;
}

nav a {
  font-variant: small-caps;
  font-size: 16px;
  color: #A76949;
  background-color: white;
  text-decoration: none;
  /*text style is h5*/
}

nav button {
  background-color: #D16D7C;
  color:#0C0305;
  font-size: 15px;
  border-radius:8px;
  border: none;
  /*corner radius is 8px - text style small*/
}

header {
  background-color: #FFF7F5;
  display:flex;
  flex-direction: row;
  padding: 0px;
  margin: 0px;
}

header section {
  flex-grow: 1;
  width: 720px;
  padding: 32px;
}

#hero-image {
  width: 680px;
  padding: 0;
}

header button {

}

main {
  background-color: white;
  padding: 80px 64px;
}

main h2 {
  text-align: center;
  background-color: white;
  margin: 0px;
}

main h3 {
  margin:0px;
}

main h5 {
  margin:8px 0px;
}

main p {
  text-align: center;
  background-color: white;
  margin:0px;
}

main section {
  background-color: white;
  display: flex;
  justify-content: space-around; 
  flex-wrap: wrap;
  gap: 8px;
}

main article {
  text-align: center;
  line-height: normal;
  list-style-type: circle;
  list-style-position: inside;
  width: 280px;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
main article img {
  width: 54px;
  align-self: center;
  margin: 5px 0px;
}
main article a {
  color: #A74987;
  text-decoration: none;
}
main article ul {
  margin: 0px;
}

#reviews {
  text-align: center;
  background-image: url(images/dog-groomer-table.jpg);
  background-size: cover;
  padding-top: 32px;
  padding-bottom: 64px;
}
#reviews h2 {
  background: none;
}
#reviews h5 {
  background: none;
}

#reviews div {
  display: flex;
  justify-content: space-between; 
  background: none;
  gap: 32px;
}

#reviews article {
  background-color: white;
  width: 420px;
  border: 1px solid #D98A61;
  padding: 20px;
  text-align: left;

}

#about {

}

#about div {
  display: flex;
  justify-content: space-evenly; 
  align-items: flex-start;
}
#about h2 {
  margin: 0px;
}
#about h5 {
  margin-bottom: 0px;
}
#about img {
  margin-bottom: 0px;
}

#cta {
  background-color: #A74958;
  padding:64px;
}

#ctabox {
  background-color: #FFF7F5; 
  padding: 64px;
  text-align: center;
}

#ctabox h2 {
  color:#0C0305;
  margin: 0px; 
}

#ctabox p {
  color: #494244;
}

#ctabox button {
  
}

footer {
  
  padding: 80px 64px;
}
footer div {
  display: flex;
  flex-direction: column;
}
footer div h5 {
  margin: 0px;
}
footer div p {
  margin: 0px;
}

footer div a {
  color:#A76949;
}
footer div img {
  width: 150px;
}
#socials {
  display: flex;
  flex-direction: row;
}
.icon {
  width: 52px;
}
footer hr {
  color:#A76949;
  background-color: #A76949;
  height: 1px;
  width: 100%;
  margin: auto;
}