@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght,GRAD@0,17..18,400..700,-50..200;1,17..18,400..700,-50..200&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

body {
	font-family: "Google Sans", sans-serif;
}

.hero-box {
	padding: 2%;
}

.hero-box img {
	max-width: 500px;
	height: auto;
}

main, footer {
	padding: 2%;
}

.button {
	margin-top: auto;
}

.card {
	transition: transform 0.15s ease;
}

.card:hover {
	transform: translateY(-4px);
}

.card img {
	object-fit: cover;
	height: 300px;
}

.container {
	padding: 1rem;
}

.footer-text {
	margin-top: 1rem;
}

a {
	color: #FFFFFF !important;
	text-decoration: underline;
	transition: color 0.5s ease;
}

a:hover:not(.button) {
	color: #4bb4ff !important;
	text-decoration: none;
}
	
@media (max-width: 576px) {
	.hero-title {
		font-size: 1.8rem;
	}
}