html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Source Code Pro', monospace;
  font-size: 1.3rem;
  font-weight: 300;
  background: #FAFAFA; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #e1e8ea , #fafafa); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #e1e8ea , #fafafa); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

small {
  font-size: 60%;
  font-weight: 300;
}

b, strong, h1, h2, h3 {
  font-weight: 400;
}

time {
  font-style: italic;
}

p {
  margin-bottom: 1.2rem;
}

br {
  margin-bottom: .4rem;
}

li {
  margin-bottom: .1rem;
}

a,
.a {
  color: #f50;
}

img {
  width: 100%;
}

hr {
  margin-top: 4rem;
  margin-bottom: 2rem;
}

a:hover,
a:active,
.a:hover,
.a:active {
  color : #ffaa60;
}

.menu a {
  text-decoration: none;
} 

.project {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.actu-contact {
  background: #485563; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #485563 #29323c); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #485563, #29323c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fafafa;
  font-weight: 400;
}

/* --------------- */
/* menu            */
/* --------------- */
.menu input {
  display: none;
}

.menu p {
  margin: 0 0 1.2rem 0;
}

.menu label {
  display: inline-block;
  cursor: pointer;
  margin: 0 1rem 0 0;
  font-weight: 300;
  padding: 0.5rem;
}

.menu input:checked + label {
  background: #f50;
  color: #fafafa;
  cursor:default;
  font-weight: 400;
}

.project-active {
  display: block;
}

.project-inactive {
  display: none;
}


/* --------------- */
/*  cv             */
/* --------------- */

.h3-cv {
  text-align: right;
}


/* --------------- */
/* utility classes */
/* --------------- */

.m-t-5 {
  margin-top: 5rem;
}

.p-t-5 {
  padding-top: 5rem;
}

.p-b-5 {
  padding-bottom: 5rem;
}