* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
--black: #CCCCCC;
--secondary-color: #422C73;
--complimentary-color: #88BFB5;
--contrast-color: #F2E527;
--light-color: #D2A9D9;
}

body{
	background: var(--black);
	font-family: sans-serif;
	font-size: 1.5vw;
}

section{
	margin: 50;
	background: #FFFFFF;
}

section img, video, p{
	max-width:100%;
	height:auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

section h1{
	margin: 20;
	text-transform: uppercase;
}

section h3, h5{
	margin: 20;
	font-family: Courier;
}

.info {
	background: var(--contrast-color);
}

.column {
	float: left;
	width: 50%;
	padding: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.repo{
	width: 100%;
	height: auto;
	font-size: 3vw;
	text-align: middle;
	background-color: yellow;
}