:root {
    --my-font: eUkraine, Arial, Helvetica, sans-serif;
}

@font-face {
	font-family: eUkraine;
	src: url(../font/e-Ukraine/e-Ukraine-Thin.eot);
	src: url(../font/e-Ukraine/e-Ukraine-Thin.eot?#iefix) format("embedded-opentype"), url(../font/e-Ukraine/e-Ukraine-Thin.ttf) format("truetype");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: eUkraine;
	src: url(../font/e-Ukraine/e-Ukraine-UltraLight.eot);
	src: url(../font/e-Ukraine/e-Ukraine-UltraLight.eot?#iefix) format("embedded-opentype"), url(../font/e-Ukraine/e-Ukraine-UltraLight.ttf) format("truetype");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: eUkraine;
	src: url(../font/e-Ukraine/e-Ukraine-Light.eot);
	src: url(../font/e-Ukraine/e-Ukraine-Light.eot?#iefix) format("embedded-opentype"), url(../font/e-Ukraine/e-Ukraine-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: eUkraine;
	src: url(../font/e-Ukraine/e-Ukraine-Regular.eot);
	src: url(../font/e-Ukraine/e-Ukraine-Regular.eot?#iefix) format("embedded-opentype"), url(../font/e-Ukraine/e-Ukraine-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: eUkraine;
	src: url(../font/e-Ukraine/e-Ukraine-Medium.eot);
	src: url(../font/e-Ukraine/e-Ukraine-Medium.eot?#iefix) format("embedded-opentype"), url(../font/e-Ukraine/e-Ukraine-Medium.ttf) format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: eUkraine;
	src: url(../font/e-Ukraine/e-Ukraine-Medium.eot);
	src: url(../font/e-Ukraine/e-Ukraine-Medium.eot?#iefix) format("embedded-opentype"), url(../font/e-Ukraine/e-Ukraine-Medium.ttf) format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: eUkraine;
	src: url(../font/e-Ukraine/e-Ukraine-Bold.eot);
	src: url(../font/e-Ukraine/e-Ukraine-Bold.eot?#iefix) format("embedded-opentype"), url(../font/e-Ukraine/e-Ukraine-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

* {
    margin: 0;
    padding: 0;
}

header {
    font-family: var(--my-font);
    font-weight: 100;
}

.card img {
	transition: filter 300ms;
}

.card__go-next {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.card__go-next:hover + img {
	filter: brightness(0.85);
}

.card__go-next:hover ~ .card-body .card-title {
	color: #0d6efd;
}

.buy-now-btn button {
	font-size: 28px;
	padding: 8px 24px;
}

@media (max-width: 992px) {
	.navbar .text-end {
		margin-top: 1rem;
	}
}

.authentication-module {
    background: url('https://files.123freevectors.com/wp-content/original/121379-abstract-light-grey-texture-background-design.jpg') no-repeat center center/cover;
    color: black;
}

.auth-container {
    background-color: rgb(255 255 255);
    width: 100%;
    max-width: 400px;
    color: black;
}

.auth-container .nav-link {
	color: gray;
}

.nav-link:focus, .nav-link:hover {
    color: #495057!important;
}

.cart-module {
    background: url('https://source.unsplash.com/random/1920x1080') no-repeat center center/cover;
    color: black;
}

.cart-container {
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 600px;
    color: black;
}

.cart-item img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.cart-summary h5 {
    color: black;
}

.quantity-input {
    text-align: center;
}