/* @import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities"; */
/* @import url("css/font.css"); */
@import "./base/font.css";
@import "./editor/editor.css";

@import "./pages/single-portfolio.css";
@import "./pages/archive-portfolio.css";

@import "./blocks/portfolio-header.css";
@import "./blocks/gallery-website-screens.css";
@import "./blocks/chapter-section.css";
@import "./blocks/simple-screen.css";
@import "./blocks/peertube-integration.css";

.case-button {
	@apply w-fit bg-red-500 px-6 py-2 rounded-full text-white block mt-6;
	transition: transform 0.3s ease-in-out;
	text-decoration: none !important ;

	&:hover {
		transform: translateX(2px);
	}
}
.project-type {
	&--print {
		.case-button {
			@apply bg-deli-purple;
		}
	}
	&--video,
	&--web {
		.case-button {
			@apply bg-deli-blue !text-white text-sm;
			font-family: "Montserrat", sans-serif;
			font-weight: 600;
		}
	}
}

body,
* {
	/* @apply !bg-red-500; */
}

.test {
	background-color: red;
}
