.body {
    background-color: rgba(245, 240, 175, 0.356);
  }

/* ---------------------------Checkout--------------------------- */
.formDesign{
    /* margin-top: 60px; */
    display: flex;
    width: 95%;
    margin: 2%;
    filter: drop-shadow(0px 50px 20px #0009);
}
#checkoutData{
    width: 100%;
    margin-top: 5%;
    border-top-right-radius: 5%;
    border-bottom-right-radius: 5%;
    background-color: whitesmoke;
    padding: 2%;
    h1{
        padding-left: 2%;
    }
    .name{
        padding: 2%;
    }
    .email{
        padding: 2%;
        p{
            font-size: x-small;
        }
    }
    .message{
        padding: 2%;
        textarea{
            height: 100px;
        }
    }
    .order{
        padding: 2%;
        textarea{
            height: 200px;
        }
        em{
            font-size: 60%;
        }
    }
    input{
        background-color: rgba(70, 69, 69, 0.356);
        height: 30px;
        color: rgb(70, 69, 69);
    }
    input::placeholder{
        color: antiquewhite;
        font-size: smaller;
    }
    textarea{
        background-color: rgba(70, 69, 69, 0.356);
        color:  rgb(70, 69, 69);
    }
    textarea::placeholder{
        color: antiquewhite;
    }
    button{
        margin-left: 2%;
    }
    button:active{
        color: rgb(0, 0, 19);
        border: solid 3px;
    }
}
@media screen and (max-width: 600px){
    #checkoutData{
        margin-top: 30%;
        font-size: small;
        h1{
            font-size: medium;
        }
        textarea{
            font-size: small;
        }
        button{
            font-size: xx-small;
        }
    }
}
/* ----------------------------INFO--------------------------- */
 .social-links{
  color: rgb(255, 255, 255);
  background-color: rgba(21, 1, 26, 0.733);
    a{
      color: rgb(255, 255, 255);
    }
  .contact-links{
      :hover {
        color:rgb(177, 106, 0);
      }
  }
  .quick-links{
      :hover {
        color: rgb(177, 106, 0);
      }
    }
}
/* ----------------------footer------------------------------------ */
.terms{
  color: whitesmoke;
  background-color: rgba(44, 44, 44, 0.527);
  .social-icons{
      background-color: rgba(44, 44, 44, 0);
      :hover{
      color: rgb(177, 106, 0);
      }
  }
  footer{
      a{
          color: rgb(190, 188, 188);
      }
  
  }
}