body{
    background-color: #f9c8ee;
}
h1{
    text-align: center;
    font-family: 'Trebuchet MS', sans-serif;
}

h2{
    font-family: 'Trebuchet MS', sans-serif;
}

/*nav bar */
.stuff{
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #fa65c4;
      }
      
      li {
        float: left;
      }
      
      li a {
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-family: 'Trebuchet MS', sans-serif;
      }
      
      li a:hover {
        background-color: #111;
      }
}


p{
    font-family: 'Trebuchet MS', sans-serif;
}

li{
    font-family: 'Trebuchet MS', sans-serif;
}

.features-container {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
  }
  
  .feature-box {
    background-color: #fff0f8;
    border: 2px solid #e4a4d4;
    border-radius: 10px;
    padding: 1.5rem;
    width: 300px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
  
  .feature-box h2, .feature-box h3 {
    color: #b1006f;
    font-family: 'Trebuchet MS', sans-serif;
    text-align: center;
  }
  
  .feature-list {
    padding-left: 1.2rem;
    line-height: 1.8;
    color: #444;
    margin-bottom: 1rem;
  }
  
  .feature-list li {
    margin-bottom: 0.5rem;
    list-style-type: disc;
  }
  
  .feature-list.sub {
    font-size: 0.95rem;
    color: #5c5c5c;
  }