@font-face {
	font-family: 'Jost';
	src: url('Inter-VariableFont.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
}

html, body {
	padding: 0;
	margin-left: 4vw;
	margin-right: 4vw;
	margin-top: 0.5vh;
	
	background: #000000;
	color: white;
}

body {
	font-family: 'Jost', sans-serif;
	font-size: 1.15em;
	line-height: 1.3;
	font-weight: 400;
}

@media (min-width: 700px) {
	body {
		max-width: 50%;
	}
}

h1 {
	font-size: 2.5em;
	font-weight: 800;
}

h2 {
	margin-bottom: 1%;
	margin-top: 5%;
}

a {
	color: #60f0b4;
	transition: color 0.5s;
}

a:hover {
	color: #f0608e;
}

img {
	max-width: 100%;
	max-height: 35vh;
}

.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin-top: 2em; /* Adjust as needed to provide spacing */
}