@import url('https://fonts.googleapis.com/css2?family=Jacquard+12&family=Jacquarda+Bastarda+9&display=swap');

/*
color: #FF6666
color: #FF9090
color: 
*/

html,
body {
	background: #212121;
	height: 100%;
}
.container {
	height: 95%;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 1px;
}
h1 {
	color:#c4c4c4;
	font-weight: 100;
	font-size: 48px;
	margin:0px;
}
.jacquarda {
	font-family: "Jacquarda Bastarda 9", serif;
	font-weight: 400;
	font-style: normal;
}
h1 {
	font-family: "Jacquard 12", system-ui;
	font-weight: 400;
	font-style: normal;
}
hr {
	color:#c4c4c4;
	width:96px;
	height:1px
}
.garlic {
	transition: transform 1s;
}
.garlic:hover {
	transform: translate(2px, -2px);
}
img {
	width:64px;
	height:64px;
}
span {
	font-family: "Jacquard 12", system-ui;
	font-weight: 400;
	font-style: normal;
	color:#c4c4c4;
}
img.heart {
	width:18px;
	height:18px;
	margin:5px;
}
footer {
	height: 5%;
	width: 100%;
	font-family: "Jacquard 12", system-ui;
	font-weight: 400;
	font-style: normal;
	color:#c4c4c4;
	display: flex;
	align-items: center;
	justify-content: center;
}
a.contact {
	font-family: "Jacquard 12", system-ui;
	color:#FF9090;
	font-weight: 400;
	font-size: 20px;
	text-decoration:underline dotted;
	text-decoration-thickness: 1px;
}
a.contacta {
	font-family: "Jacquarda Bastarda 9", serif;
	color:#e86f86;
	font-weight: 400;
	font-size: 20px;
}
a:hover.contact {
	color:#FF6666;
}