:root {
    --primary-color: #28a745;
}
.h-10 { height: 10% !important; }
.h-15 { height: 15% !important; }
.h-20 { height: 20% !important; }
.h-25 { height: 25% !important; }
.h-30 { height: 30% !important; }
.h-35 { height: 35% !important; }
.h-40 { height: 40% !important; }
.h-45 { height: 45% !important; }
.h-50 { height: 50% !important; }
.h-55 { height: 55% !important; }
.h-60 { height: 60% !important; }
.h-65 { height: 65% !important; }
.h-70 { height: 70% !important; }
.h-75 { height: 75% !important; }
.h-80 { height: 80% !important; }
.h-85 { height: 85% !important; }
.h-90 { height: 90% !important; }
.h-95 { height: 95% !important; }
.h-100 { height: 100% !important; }
.text-primary-color {
    color: var(--primary-color) !important;
}
.bg-primary-color {
    background-color: var(--primary-color) !important;
}
.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.scale-100 { scale: 100% !important; }
.scale-90 { scale: 90% !important; }
.scale-80 { scale: 80% !important; }
.scale-70 { scale: 70% !important; }
.scale-60 { scale: 60% !important; }
.scale-50 { scale: 50% !important; }
.scale-40 { scale: 40% !important; }
.scale-30 { scale: 30% !important; }
.scale-20 { scale: 20% !important; }
.scale-10 { scale: 10% !important; }

.font-0-2 { font-size: .2rem !important; }
.font-0-4 { font-size: .4rem !important; }
.font-0-6 { font-size: .6rem !important; }
.font-0-8 { font-size: .8rem !important; }
.font-1 { font-size: 1rem !important; }
.font-1-1 { font-size: 1.1rem !important; }
.font-1-2 { font-size: 1.2rem !important; }
.font-1-3 { font-size: 1.3rem !important; }
.font-1-4 { font-size: 1.4rem !important; }
.font-1-5 { font-size: 1.5rem !important; }
.font-2 { font-size: 2rem !important; }
.font-2-1 { font-size: 2.1rem !important; }
.font-2-2 { font-size: 2.2rem !important; }
.font-2-3 { font-size: 2.3rem !important; }
.font-2-4 { font-size: 2.4rem !important; }
.font-2-5 { font-size: 2.5rem !important; }
.font-3 { font-size: 3rem !important; }
.font-4 { font-size: 4rem !important; }
.font-5 { font-size: 5rem !important; }

.text-metal-gold {
    color: #D4AF37 !important;
}