@import url('https://fonts.googleapis.com/css2?family=Nerko+One&display=swap');

:root {
	--primary-color: #ffe74c;
	--secondary-color: #1ac341;
	--secondary-color-rgb: 26, 195, 65;
	--dark-color: #304d24;
    --dark-color-rgb: 48, 77, 36;
}

body {
	background-color: var(--dark-color);
	color: var(--secondary-color);
	background-image: url(tober2025bardus/bardus_bg_pattern.png);
	font-family: 'Nerko One', cursive;
}

div.container.tober .card {
	border: none;
	background-color: transparent;
}

div.container.tober .card img {
	border-width: 8px !important;
    transition: transform .2s;
}

div.container.tober .card:hover h3 {
    transition: transform .4s;
}

div.container.tober .card:hover img,
div.container.tober .card:hover h3 {
    transform: scale(1.1);
    transform-origin: 50% 50%;
    border-color: var(--primary-color) !important;
}

div.container.tober .card:hover h3 {
    transform: scale(1.25);
    transform-origin: 50% 50%;
    color: var(--primary-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

.border-secondary {
    border-color: var(--secondary-color) !important;
}

.bg-secondary {
	background-color: rgba(var(--secondary-color-rgb),var(--bs-bg-opacity)) !important;	
}

.bg-dark {
	background-color: rgba(var(--dark-color-rgb),var(--bs-bg-opacity)) !important;	
}

.text-primary {
	color: var(--primary-color) !important;
}

.text-secondary {
	color: var(--secondary-color) !important;
}

.text-dark {
	color: var(--dark-color) !important;
}

a {
	color: var(--primary-color);
}

a:hover {
	color: var(--secondary-color);
}

@media only screen and (max-width: 426px) {

    div.container.tober .card img {
		border-width: 5px !important;
	}

}