/* Desktop */
@media screen and (max-width: 1920px) {
	body {
		background-color: #101010;
		overflow: hidden;
	}

	@font-face {
		font-family: "FiraCode", monospace;
		src: url(fonts/FiraCodeRegular.ttf)
		     url(fonts/FiraCodeRegular.woff)
		     url(fonts/FiraCodeRegular.woff2)
	}

	.content {
		text-decoration: none;
		color: #b7b7b7;
	}

	.content:hover {
		text-decoration: none;
		color: #FFFFFF;
	}

	#section {
		background: #1e1e1e;
		border-radius: 15px;
		padding: 75px 25px;
		color: white;
		text-align: center;
		margin: 50px;
		min-width: 200px;
		min-height: 175px;
		font-size: 18px;
		font-family: "FiraCode", monospace;
	}

	#flex {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
	}
}

/* Mobile */
@media screen and (max-width: 768px) {
	body {
		background-color: #101010;
		overflow: hidden;
	}

	@font-face {
		font-family: "FiraCode", monospace;
		src: url(fonts/FiraCodeRegular.ttf)
		     url(fonts/FiraCodeRegular.woff)
		     url(fonts/FiraCodeRegular.woff2)
	}

	.content {
		text-decoration: none;
		color: #b7b7b7;
	}

	.content:hover {
		text-decoration: none;
		color: #FFFFFF;
	}

	#section {
		background: #1e1e1e;
		border-radius: 15px;
		padding: 75px 25px;
		color: white;
		text-align: center;
		margin: 50px;
		min-width: 200px;
		min-height: 175px;
		font-size: 18px;
		font-family: "FiraCode", monospace;
	}

	#flex {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 100vh;
	}
}