html {
	background-color: #FFF;
}

body, h1, h2, h3, a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-family: Helvetica Neue;
	font-size: 26px;
	line-height: 28px; 
}

a:hover {
	border-bottom: 1px solid;
}

.main-container {
	display: block;
	margin-top: 18px;
	margin-left: 20px;
}

.footer {
	position: absolute;
	bottom: 18px;
}

/* Tablets - Landscape */ 
@media (min-width: 768px) {
	  .main-container {
	  		display: grid;
		  	grid-template-columns: 40% 30% 30%;
		  	margin-top: 14px;
			margin-left: 20px;
		}
		.info-job {
			width: 140px;
		}

}

/* Desktop */ 
@media only screen and (min-width: 1024px) {
	body, h1, h2, h3, a {
		font-size: 24px;
		line-height: 24px; 
	}
	.main-container {
		display: grid;
		grid-template-columns: 60% 20% 20%;
		margin-top: 14px;
		margin-left: 20px;
	}
}
	
/* Big Screens */
@media only screen and (min-width: 1681px) {
	  body, h1, h2, h3, a {
			font-size: 42px;
			line-height: 42px; 
		}
		.main-container {
			display: grid;
			grid-template-columns: 60% 20% 20%;
			margin-top: 14px;
			margin-left: 20px;
		}

		.info-job {
			width: 220px;
		}
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
	html 
		{
			background-color: #000;
		}
	body, h1, h2, h3, a 
		{
			color: #FFF;
		}
}