/** Lode.[  ]
	
	(c) 2020 Lode Vermeiren
	Handmade in Antwerp
	
**/


html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
}

body {
  overflow-x: hidden;
  background-color: #f2f2f2;
}

* {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  color: black;
}

/* headings */

h1 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 44px;
}

p {
  font-size: 1.75rem;
  line-height: 1.6;
}

.heavy {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}

.light {
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
}



.large {
	font-size: 2rem;
	line-height: 2.2;
}

.medium {
	font-size: 1.5rem;
	line-height: 1.5;
}

.medium em {
	font-style: normal;
	font-weight: 400;
}


.tiny {
	font-size: 0.1rem;
	line-height: 1;
}


/* CONTENT */

section {
  padding-top: 48px;
}

.social-links a {
	display: inline-block;
	color: black;
	text-decoration: none;
}

.social-links a:after {
	content: '';
	width: 0px;
	height: 1px;
	display: block;
	background: rgba(250, 30, 162, 1);
	transition: 700ms;
}

.social-links a:hover:after {
	width: 100%;
}

.social-text a {
	display: inline-block;
	color: black;
	text-decoration: none;
}

.social-text a:after {
	content: '';
	height: 2px;
	display: block;
	background: rgba(250, 30, 162, 0.5);
	transition: 700ms;
}

.social-text a:hover:after {
	background: rgba(250, 203, 30, 0.92);
}



		#footer {
			background-color: red;
			color: white;
			padding-bottom: 2rem;
			margin-top: 4rem;		
		}
		
		#footer-links {
			border-top: 3px solid white;
			padding-top: 5px;
		}
		
		#footer-links a {
			display: inline-block;
			color: white;
			text-decoration: none;
		}
		
		#footer-links a:after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: white;
  transition: 700ms;		}
  
  #footer-links a:hover:after {
  width: 100%;
}

		
		#footer-links ul {
			margin: 0;
			padding: 0;
		}
		#footer-links li {
			list-style: none;
			padding-top: 0.5rem;
		}