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

@layer components {


select option {
    color: rgb(74 35 90);
}

}

.rotate-right{
	--tw-rotate: -90deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-left{
	--tw-rotate: 90deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-imo {
	background:linear-gradient(135deg, #4a235a 0%, #8e44ad 100%);
}
.hover\:button-imo {
	background:linear-gradient(135deg, #4a235a 0%, #8e44ad 100%);
}
.board {
	display: grid !important;
	grid-template-rows: max-content 1fr max-content;
	flex-basis: 30%;
	border-radius: 20px;
}

.carousel {
    flex-basis: calc(70% + 60px);
}


.board .text {
    min-height: auto;
    max-height: 180px !important;
    overflow: hidden;
    font-size: 16px;
    flex: 1 0 auto;
}

.board .title {
    min-height: auto;
    max-height: 100px;
    font-size: 22px;
    flex: 0 0 auto;
    margin-bottom: 14px !important;
}

.slider-item {
    background-size: cover;
    background-position:center;
	border-radius: 20px;
}

.left:hover, .pause:hover, .right:hover {
    background-color: rgba(74, 35, 90, .15);
}

.control {
	justify-self: center;
}

.error {
    color: rgb(239 68 68);
    font-weight: bold; 
}
form {
    margin-top: 0em;
    margin-block-end: 0em;
}

.text-center-webkit{
    text-align: -webkit-center;
}

@font-face {
    font-family: 'Trebuchet MS';
    src: url('/static/fonts/TrebuchetMS.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trebuchet MS';
    src: url('/static/fonts/TrebuchetMS-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trebuchet MS';
    src: url('/static/fonts/TrebuchetMS-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trebuchet MS';
    src: url('/static/fonts/Trebuchet-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Philosopher Font Family */
@font-face {
    font-family: 'Philosopher';
    src: url('/static/fonts/Philosopher-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Philosopher';
    src: url('/static/fonts/Philosopher-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Philosopher';
    src: url('/static/fonts/Philosopher-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Philosopher';
    src: url('/static/fonts/Philosopher-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}