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

/* Custom Global Styles */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #e7e7e7;
}

.neumorphism {
    background-color: #f0f0f0;
    box-shadow: 8px 8px 16px #bebebe, -8px -8px 16px #ffffff;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.neumorphism:hover {
    box-shadow: inset 8px 8px 16px #dddddd, inset -8px -8px 16px #ffffff;
}

.neumorphism:active {
    translate: 0 0.225em;
    box-shadow: inset 8px 8px 16px #bebebe, inset -8px -8px 16px #ffffff;
}