@tailwind base;
@tailwind components;
@tailwind utilities;



@layer components {

  * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }

  .btn {
    outline: 0;
    position: relative;
    font-family: "headline";
    font-size: 18px;
    letter-spacing: 2px;
    cursor: pointer;
    background: #B68F40;
    color: #FFF;
    padding: 10px 40px;
    border-radius: 0px;
    transition: 0.3s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    &:hover {
      background: #D3BEA1;
    }
  }

  .input-container {
    display: flex;
    flex-flow: column;
    gap: 10px;

    & label {

    }

    & input[type=text],
    & input[type=email],
    & textarea {
      border: none;
      border-bottom: 2px solid black;
      padding: 10px;
      background: #f5f5f5;
      border-radius: 2px;
    }
  }

}