@layer utilities {

.texture-paper {
    background-image: url("https://www.transparenttextures.com/patterns/p6.png");
}

.texture-chalkboard {
    background-color: #1A1614;
    background-image: url("https://www.transparenttextures.com/patterns/black-board.png");
}

.text-outline {
    -webkit-text-stroke: 1px #4A2311;
}

.shape-artisan {
    border-radius: 40px 15px 45px 20px;
}

.floating-badge {
    filter: drop-shadow(4px 4px 0px #4A2311);
}

.parallax-bg {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.diagonal-cut {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}

*{
    border: red solid 1px;
}

}