@font-face {
	font-family: 'Ubuntu';
	src: url('../res/font/Ubuntu-Regular.ttf');
}
@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	src: url('../res/font/Ubuntu-Italic.ttf');
}
@font-face {
	font-family: 'Ubuntu';
	font-weight: bold;
	src: url('../res/font/Ubuntu-Bold.ttf');
}
@font-face {
	font-family: 'Raleway';
	src: url('../res/font/Raleway-Regular.ttf');
}
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	src: url('../res/font/Raleway-Italic.ttf');
}
@font-face {
	font-family: 'Raleway';
	font-weight: bold;
	src: url('../res/font/Raleway-Bold.ttf');
}

body {
  font-family: 'Raleway', 'Open Sans', Verdana, sans-serif;
  background-color: #f3f3f3;
}

section {
	margin-top: 7em;
}

/* ===
 ===== Navbar =====
 === */

 /* ===
  ===== Profile =====
  === */

#passion {
  font-size: 1.5em;
  line-height: 1.5em;
}

.profile {
	padding-left: 1rem;
	padding-right: 1rem;
}

.profile h1 {
  font-size: 4.5em;
  display: inline;
  margin-right: .5em;
}

.picture {
  border-radius: 100%;
  width: 5.6em;
  height: 5.6em;
  vertical-align: middle;
  margin-bottom: 1.5em;
}

p {
  text-align: justify;
}

.divider {
	margin-top: 3rem;
	margin-bottom: 3rem;
	background-color: #e4e4e49e;
	margin-left: 15%;
	width: 70%;
	height: 3px;

	visibility: hidden;
}

/* ===
   ===== Toolist =====
   === */

/* .itemlist {
	padding: 0;
	list-style: none;
	text-align: center;
	/* display: flex;
	justify-content: flex-start;
} */

.itemlist {
	padding-top: 10px;
	padding-left: 30px;
}

.itemlist div {
	margin-bottom: 25px;
}

.menu-item {
	font-family: 'Raleway', sans-serif;
	padding: 15px;
	opacity: 0.8;

	font-size: 19px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.29);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	color: white;
	margin-right: 5px;

}

.itemlist a {
	display: inline-block;
}

.menu-item {
	transition: all .2s ease-in-out;
}

.menu-item:hover {
	text-decoration: none;
	color: white;
	transform: scale(1.1);
}

.menu-item:visited,
.menu-item:focus {
	text-decoration: none;
	color: white;
}

.description {
	display: none;
}

#resume {
	background-color: #595959;
}
#dokuwiki {
	background-color: #1F9C16;
}
#piwigo {
	background-color: #147d76;
}
#rss {
	background-color: #DB0000;
}
#privatebin {
	background-color: #FFB10A;
}
#jirafeau {
	background-color: #6B4900;
}

/* ===
 ===== Footer =====
 === */

footer {
  margin-top: 3em;
}

footer p {
  text-align: center;
}

/* ===
 ===== Media queries =====
 === */
@media screen and (max-width: 766px) {
	.divider {
		visibility: visible;
	}

	.itemlist a {
		display: block;
	}

	.description {
		display: inline;
	}

}