* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: 'Roboto';
}

body {
	background-color: rgb(217, 235, 235);
}

a {
	text-decoration: none;
	color: rgb(52, 85, 146);
}

@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot');
	src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
	  url('../fonts/icomoon.ttf') format('truetype'),
	  url('../fonts/icomoon.woff') format('woff'),
	  url('../fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
  
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
  
.icon-html5:before {
	content: "\e900";
	color: #e34f26;
}
.icon-css3:before {
	content: "\e901";
	color: #1572b6;
}
.icon-node-dot-js:before {
	content: "\e902";
	color: #393;
}

/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local(''),
		 url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../fonts/roboto-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local(''),
		 url('../fonts/roboto-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../fonts/roboto-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.projects {
	margin: 100px auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.project {
	text-align: center;
	background-color: rgb(141, 218, 241);
	min-width: 160px;
	padding: 10px;
	margin: 40px;
	border: 3px solid rgb(179, 194, 221);
	border-radius: 5px;
}

.name {
	display: block;
	padding-bottom: 16px;
	font-size: 30px;
	font-weight: 700;
}