body {
	margin: 0;
	height: 100vh;
	text-align: center;
	background-image: url("/res/img/bg.jpg");
	background-size: cover;
	backdrop-filter: blur(10px);
}

body > h1 {
	font-family: verdana;
	font-size: xxx-large;
	margin: 0;
}

@media only screen and (max-width: 600px) {
	body {
		height: 110vh;
	}
}

/* PROFILE */

#profile {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	margin: 40 0;
}

#profile-card {
	transition: transform 150ms ease-in-out;
}

#profile-card > a {
	color: inherit;
}

#profile-card > a > img {
	max-height: 300px;
}

#profile-card:hover {
	transform: scale(1.1);
}

#profile-card > a > p {
	font-family: verdana;
	margin: 5;
}

/* PROJECTS */

#projects {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}

#projects > div {
	background-color: lavender;
	border-radius: 10px;
	padding: 10px;
	width: 25%;
	font-family: verdana;
	transition: transform 150ms ease-in-out;
}

#projects > div > a {
	color: inherit;
}

#projects > div:hover {
	transform: scale(1.1);
}

@media only screen and (max-width: 600px) {
	#projects {
		flex-direction: column;
		margin: 40px;
	}

	#projects > div {
		width: 90%;
		margin: 10px;
	}
}

/* FOOTER */

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: black;
	text-align: center;
}

footer > p {
	font-family: verdana;
	margin: 10px;
}

@media only screen and (max-width: 600px) {
	footer {
		position: relative;
	}

	footer > p {
		margin: 0;
	}
}