@import 'https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900';

*{
  margin: 0;
  padding: 0;
}

body{
  background-color: #3C3836;
  margin: 0;
}
/*
#hautDePage{
  color:#282828;
  width:90%;
  height:90%;
  left: auto;
  right: auto;
} */

header *{
  display: inline-block;
}

header img{
  height: 300px;
  margin-left: 30px;
  margin-top: 30px;
}

header h1{
  text-align: left;
  color:#fbf1c7;
  font-size: 8em;
  font-family: 'Source Code Pro';
  font-weight: 900;
  margin-top: 20%;
  margin-bottom: 25%;
  margin-left: 30px;
}

h2 {
    color:#fb4934;
    font-size: 2em;
    font-family: 'Source Code Pro';
    font-weight: 700;
}

/* Blinking underscore */
#blinking {
  color:#98971a;
}
.blinking {
  animation: blinking 1s infinite;
  color: #fbf1c7;
}
@keyframes blinking {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  50.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/* _________________ */


.textblock{
  color:#fbf1c7;
  font-size: 1.5em;
  font-family: 'Source Code Pro';
  font-weight: 700;
  margin-left: 30px;
  display:block;
  width: 900px;
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  margin-bottom: 200px;
}

#menu{
  position:fixed;
  top: 30px;
  right:30px;
  text-align: left;
  font-size: 1.5em;
}

a:link {
  text-decoration: none;
  color: #458588
}

a:visited{
  text-decoration: none;
  color: #b16286;
}

p a:hover{
  text-decoration: underline;
}

p img {
  margin-top: 10px;
  width:32px;
}

li{
  color:#fbf1c7;
  list-style-type: none;
  font-family: 'Source Code Pro';
  font-weight: 700;
}

li a {
  text-decoration: none;
  color: #fbf1c7;
}

li a:hover {
  text-decoration: underline;
}