*{
	box-sizing: border-box;
	background-color: rgb(21, 37, 104);
}

nav{
   font-family: 'Open Sans', sans-serif;
   text-align: center;
   font-size: 20px;
   width: 100%;
}

header{
	background-color: rgb(234, 21, 21);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
}

header *{
	display: inline;
}

header li{
	margin: 20px;
}

header li a{
	color: white;
	text-decoration: none;
}

section{ 
	padding-top: 100px;
	margin-left: 25%;
	margin-right: 25%;
	color: rgb(255, 255, 255);
	background-color: rgb(17, 33, 58);
}

div{
	background-color: rgb(17, 33, 58);
}

img{
	width: 100%;
	background-color: rgb(17, 33, 58);
}

h3{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	background-color: rgb(17, 33, 58);
}

p{
	text-align: center;
	font-family: 'Roboto', sans-serif;
	background-color: rgb(17, 33, 58);
}

ul{
	font-family: 'Roboto', sans-serif;
	background-color: rgb(17, 33, 58);
}

li{
	background-color: rgb(17, 33, 58);
}


#skills{
	padding-bottom: 200px;
}

.column{
	float: left;
	width: 33.33%;
	padding: 5px;
}

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