@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*, html {
	font-family: "Montserrat", sans-serif;
}

header {
	padding: 0;
    background-color: #d47684;
}

.navbar {
    background-color: #d47684;
}

.navbar .nav-link {
	font-weight: bold;
    color: #ffffff;
}

.navbar .navbar-brand {
    color: #ffffff;
}

.navbar .navbar-toggler {
    border-color: #ffffff;
}

.product-choose {
	position: relative;
	margin: 0 auto;
	left: 0;
	right: 0;
	display: inline-block;
	padding: 10px;
	border: solid 1px black;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	margin: 10px;
}

.product-choose img {
            max-width: 200px; /* Set your desired maximum width */
            width: 100%; /* Make the image responsive */
            height: 300px; /* Maintain the aspect ratio */
            display: block;
            margin: 0 auto; /* Center the image */
        }

.product-choose:hover {
	background-color: rgba(0,0,0,0.1);
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: #000000; /* Change to your desired hover color */
    text-decoration: underline; /* Optional: Add underline on hover for emphasis */
}

/* Visited link styles */
a:visited {
    color: inherit; /* Keeps visited links the same color as unvisited links */
}

/* Active link styles */
a:active {
    color: #000000; /* Change to your desired color when the link is active (e.g., when clicked) */
}

.img-fluid {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}