/*This is my CSS stylesheet*/

nav {
    background-color: #F2D5D5;
}

body {
    color: #707070;
    background-color: #F2E9E9;
}

.content {
    max-width: 90%;
    margin: auto;
}

#firstcards {
    margin-top: 50px;
}

#firstcards h1{
    text-align: center;
    color: #707070;
}

#secondcards {
    margin-top: 50px;
    background-color:#F2D5D5; 
    padding: 50px;
    
}

#secondcards h2{
    text-align: center;
    color: #707070;
}

.card-title {
    color: #707070;
}

footer {
    margin-top: 40px;
    background-color: #F2D5D5;
    color: #707070;
    text-align: center;
    padding: 10px 10px;
    font-size: 15pt;
}

#products-container h1{
    text-align: center;
    color: #707070;
    padding: 40 0 40 0px;
}

#products-container .card{
    margin: 10px;
    border: none;
    color: #707070;
}

#products-container .btn{
    background-color: #f2668b;
    border: none;
    color: #fff;
}

.carousel h5{
    background-color: rgba(0,0,0, 0.5);
    padding-top: 8px;
    padding-bottom: 8px;
}


/*Accordian styles home page*/

.accordion {
    background-color: #F2D5D5;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border: solid 1px #fff;
    border-style: hidden hidden solid hidden;
  }
  
  .active, .accordion:hover {
    background-color: #f2668b;
  }

  .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }

  /*End of accordion styles*/

  #thirddiv {
    margin-top: 50px;
    text-align: center;
  }

  #thirddiv h2{
    color: #707070;
    margin-bottom: 10px;
  }

  #thirddiv p{
    text-align: left;
    color: #707070;
    padding-top: 5px;
  }

  /*Gallery page styles*/
  #gallery-first {
    margin-top:40px;
  }

  #contact-form {
    background-color: #F2D5D5;
    padding: 50px;
    color: #414141;
  }

  #contact-form h2{
    color: #707070;
    text-align: center;
  }

  #contact-form form input{
    border: 1px solid #fff;
    margin-bottom: 5px;
    padding: 5px;
  }

  #contact-form form textarea{
    border: 1px solid #fff;
    padding: 5px;
  }

  #contact-form form button{
    background-color: #a8c4b1;
    border: none;
    border-radius: 10px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #414141;
    font-size: 120%;
  }

  /*Order form page styles*/

  #order-form {
    background-color: #F2D5D5;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    color: #414141;
    margin-top: 40px;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  #order-form h1{
    color: #414141;
    text-align: center;
  }
 /*
  #order-form form input{
    border: 1px solid #fff;
    margin-bottom: 5px;
    padding: 5px;
  }
*/
  #order-form form textarea{
    border: 1px solid #fff;
    padding: 5px;
  }

  #order-form form button{
    background-color: #a8c4b1;
    border: none;
    border-radius: 10px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #414141;
    font-size: 120%;
    margin-bottom: 10px;
    text-align: center;
  }

  #thank-you-message{
    background-color: #F2D5D5;
    padding: 50px;
    color: #414141;
    margin-left: auto;
    margin-right: auto;
    font-size: 130%;
  }

  .error-message {
    color: #ad5353;
    margin-left: 10px;
  }