*{
   margin:0%;
   padding:0%;
}

p h1 h2 h3 h4 h5 h6 {
   padding:0%;
   margin:0%;
}

@font-face {
    font-family:playfairDisplay ;
    src: url(../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf);
}

/* navber */

.nav-bg{
   background-color: white;
}

.nav-border{
   display: flex;
   align-items: center;
   justify-content: space-between;
   width:1320px;
   padding-bottom: 8px;
   border-bottom: 1px solid #dee2e6;
}

.nav1{
    color:rgba(108, 117, 125, 0.768);
    text-decoration: underline;
    font-size: 16px;
}

.nav1:hover{
    color:rgb(108, 117, 125);
}

.logo{
    color:#212529;
    font-size: 2.25rem;
    font-weight: bold;
    font-family: playfairDisplay;
    text-decoration:underline ;
}

.logo:hover{
    text-decoration: none;
}

.btn1{
    color:#6c757d;
    border-color: #6c757d;
    padding:.25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.btn1:hover{
    background-color: #6c757d;
    color: white;
}

.nav{
    width:100%;
    gap:61.8px;
    font-size: 16px;
    text-decoration: none;
}
 .nav-link{
    color:rgb(108, 117, 125);
    cursor: pointer;
 }

 .nav-link:hover{
    color:rgba(108, 117, 125 , .785);
 }

 /* banner */
 
 @font-face {
    font-family: playfairDisplayitalic ;
    src: url(../fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf);
 }

 .banner{
    width:100%;
    background-image: url(../img/medium-shot-woman-posing-with-plant.jpg);
    background-repeat: none;
    background-size: cover;
    border-radius:.25rem;
    padding: 3rem;
    margin-top: 1rem;
    margin-bottom: 32px;
 }

 .title{
    color:rgb(0, 0, 0);
    font-size: 3rem;
    text-align: right;
    line-height: 1.2;
    margin-bottom: 1rem;
    font-weight: bold;
    font-family: playfairDisplayitalic ;
 }

 .text{
    color:rgb(0, 0, 0);
    margin-bottom: 2rem;
    text-align: right;
 }

 .text1{
    text-decoration: underline;
    color:rgb(225, 225, 225);
    text-align: right;
    font-size:20px;
    font-weight: bold;
    cursor: pointer;
 }


 /* thumbnail */

 .row1{
   width: 100%;
   height:274px;
   padding: 0px 15px;
 }

 .flex{
    display:flex;
    justify-content: space-between;
    cursor: pointer;
 }

 .thumb{
    width:610px;
    height:250px;
    display: flex;
    box-shadow:0px 10px 10px rgba(213, 209, 209, 0.279);
 }

 .card-body{
   background-color: rgba(244, 247, 249, 0.2);
    align-items: center;
    padding:1.5rem;
 }

 .flex-thumb{
    width:100%;
    display: flex;
 }

 .card-title1{
    color:hwb(55 7% 14%);
    line-height: 1.2;
    margin-bottom: 1rem;
    font-weight: bold;
    font-size: 18px;
 }

 .card-title{
   color:#c22404;
   line-height: 1.2;
   margin-bottom: 1rem;
   font-weight: bold;
   font-size: 18px;
}

 .card-subtitle{
   font-size: 1.75rem;
   line-height: 1.2; 
   margin-bottom: .2rem;
   font-weight: bold;
   font-family: playfairDisplay;
}

.card-date{
   color:rgb(108, 117, 125);
   font-size: 16px;
   margin-bottom: .3rem;
}

 .card-text{
    font-size:1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
 }

.card-link{
   text-decoration: none;
}

 .card-img{
    width:200px;
    height:250px;
   
 }

 .img{
   width:180px;
   height:248px;
   border-radius: 0 .3rem .3rem 0;
 }

 /* firehose */

 .blog-title{
   font-size: 1.75rem;
   font-family: playfairDisplay;
   border-bottom: 1px solid #dee2e6;
   padding-bottom: 1.5rem;
   margin-bottom: 1.5rem;
 }

 .blog-post{
   width:100%;
   margin-bottom: 64px;
 }

 .blog-h2{ 
   margin:8px 0px 4px 0px;
   font-family: playfairDisplay;
   font-weight: bold;
 }

 .blog-p{
   color:#999999;
   font-size: 16px;
   margin-bottom: 20px;
 }

 .blog-a{
   text-decoration: none;
 }

 hr{
  margin-top: 1rem;
  margin-bottom: 1rem;
  border:0;
  border-top: 1px solid rgba(0, 0, 0, 0.287);
 }

 .post{
   width:100%;
   margin-bottom: 4rem;
 }

 .post-h2{
   margin-bottom: 4px;
   font-style: 2.5rem;
   font-family: playfairDisplay;
   font-weight: bold;
   line-height: 1.2;
 }

 .post-p{
   margin-bottom: 20px;
   color:#999;
 }
  .btn{
   border-radius: 20px;
  }

  .about{
   padding: 1.5rem;
   margin-bottom: 16px;
   border-radius: .25rem;
   background-color: #f8f9fa;
  }

  .about-h4{
   font-family: playfairDisplayitalic;
   font-weight: bold;
   margin-bottom: 8px;
  }

  .archive{
   padding: 24px;
  }

  .archive-ol{
   list-style: none;
    padding-left: 0;
  }

  .active{
   text-decoration: none;
  }

  footer{
   display: block;
   padding: 2.5rem;
   text-align: center;
   background-color: #f9f9f9;
   color:#999;
   border-top:.05rem solid #e5e5e5;
  }