:root {
    color-scheme: dark;
    --font-default: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    --font-heading: inherit;
    --font-highlight: inherit;
    --font-note: cursive;
    --font-accent: inherit;
    --font-code: monospace;
    --font-fantasy: fantasy;

    --size-tiny: 2px;
    --size-small: 5px;
    --size-smaller: 7px;
    --size-default: 10px;
    --size-larger: 15px;
    --size-large: 20px;
    --rel-size-x-s: 20rem;
    --rel-size-small: 24rem;
    --rel-size-medium: 28rem;
    --rel-size-large: 32rem;
    --rel-size-x-l: 36rem;
    --rel-size2-x-l: 42rem;
    --rel-size3-x-l: 48rem;
    --rel-size4-x-l: 56rem;
    --rel-size5-x-l: 64rem;
    --rel-size6-x-l: 72rem;
    --rel-size7-x-l: 80rem;
    --rel-size-full: 100%;
    --rel-size-prose: 65ch;
    --default-color: canvas;
    --default-text-color: canvastext;
    --border-color: lightgray;
    --header-color: #edc16b;
    --header-text-color: ;
    --accent-color: orange;
    --accent-text-color: white;
    --note-color: #ffffe0;
    --note-text-color: ;
    --surface-color: #121214;
    --warning-color: #FFC107;
    --warning-text-color: darkgray;
    --selection-color: highlight;
    --selection-text-color: highlightText;
    --hover-color: #A0A0A010;
    --hover-text-color: #ff6900;
    --stop-color: red;
    --stop-text-color: white;
    --go-color: green;
    --go-text-color: white;
    --accept-color: blue;
    --accept-text-color: white;
    --reject-color: red;
    --reject-text-color: white;
    --font-size-small: 0.8125em;
    --command-bg-color: #F0F0F0;
    --menu-bg-color: #808080;
    --menu-color: #F0F0F0;
    --link-color: rgba(255, 255, 255, 0.527);
    --text-border-color: black;
    --primary-background: #dddddd23;
    --primary-color: #F6A200;
    --primary-accent: #6145a9c9;
    --primary-accent-text: white;
    --primary-surface: #FFFFFFA0;
    --primary-surface-text: gray;
    --secondary-background: #00808050;
    --secondary-color: gray;
    --secondary-accent: #9ec93ca8;
    --secondary-accent-text: white;
    --secondary-surface: #FFFFFFA0;
    --secondary-surface-text: gray;
    --tertiary-background: #cfa55c87;
    --tertiary-color: gray;
    --tertiary-accent: #e17b42cf;
    --tertiary-accent-text: white;
    --tertiary-surface: #FFFFFFA0;
    --tertiary-surface-text: gray;
    --button-background: var(--hover-text-color);
    --button-text: var(--accent-text-color);

}
body {
    padding: 0 !important;
	margin: 0 !important;
    color: white;
    background-color: black;
    background-image: url("./images/bgcolor.png");
}

body > [styler-layout=main] {
	padding: 0 !important;
	margin: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

input, textarea, select {
    color: inherit;
}

a {
    color: inherit;
}

image-grid {
    gap:10px;
    background-color: transparent;
}

a:hover {
    color: var(--hover-text-color);
    text-decoration: none;
}
[styler-element=link-button]:hover {

        text-decoration: none;

}

@keyframes animate{100% {
transform: translate(-100%, 0);
}}

/* WhatsApp Button Styling */
.whatsapp-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	background-color: #25d366;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.whatsapp-button img {
	width: 30px;
	height: 30px;
}

.whatsapp-button:hover {
	background-color: #1ebe57;
}