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

/* npx tailwindcss -i ./css/style.css -o ./css/output.css --watch */


.hero {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.w-full-h-50 {
    width: 100%;
    height: 50%;
}

.w-demi-h-full {
    width: 50%;
    height: 100%;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.border {
    border: 1px solid black;
}

.padding-15 {
    padding: 15px;
}

.rounded-md {
    border-radius: 7px;
}

.margin-15 {
    margin: 15px;
}

.w-min {
    width: min-content;
}

.title {
    font-family: "Inknut Antiqua", serif;
    font-weight: 600;
    font-style: normal;
}

@layer components {
    .btn {
        @apply cursor-pointer border border-black px-6 py-1 rounded-md
    }

    .input {
        @apply border border-black px-3 py-1
    }
}

aa {
    background-color: rgb(28, 227, 28);
}

.background {
    width: 100vw;
    height: 100vh;
    z-index: -1;
    position: fixed;
}