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

body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;;
    padding: 100px;

}

button {
    padding: 25px;
}
#btn-bracket-open, #btn-bracket-close {
    padding: 12.5px;
}

button:hover {
    background-color: gray;
}

button:active {
    background-color: black;
}

/* #main {
    display: flex;
    width: 660px;
    justify-content: center;
    height: 660px;
    align-items: center;
} */

#calculator {
    justify-content: center;
    width: 355px;
}
#btn-1,
#btn-2,
#btn-3,
#btn-4,
#btn-5,
#btn-6,
#btn-7,
#btn-8,
#btn-9,
#btn-0,
#c,
#e,
#bt {
    width: 100%;
    height: 100%;
}
#form {
    display: flex;
    justify-content: center;
    width:auto;
    height: 20px;
}
#form input {
    width: 100%;
    height: 100%;
}

#b {
    /* width: 16px;
    height: 28px; */
}
/* #result {
  float: left;
} */