@font-face {
  font-family: "BloodVictimZombie";
  src: url("Blood Victim Zombie.ttf") format("truetype");
}

body {
  background-color: black;
  /*background: url("chainsaw.gif") center / cover no-repeat fixed;*/
  color: red;
  font-family: Verdana;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.header {
  height: 350px; /* hauteur du header */
  
  
   background:
  url("teethbackground.png") center / 100% 100% no-repeat,
   url("chainsaw.gif") center 15px / 50% 100% no-repeat,
  black;
  /* centrage du texte */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: white;
  text-align: center;
}

.header h1 {
  font-family: "BloodVictimZombie", Impact, sans-serif;
  font-size: 3rem;
  color: red;
  
    text-shadow:
    0 0 5px darkred,
    0 0 15px red;
}
.navigation{
  align-items: center;
  height: 50px;
  background-image: url('soul_sand.png');
  /*url("flesh-frame.gif") center /  100% 100% no-repeat,*/
  animation: dnfbg 20s linear 0s infinite;
  display: flex;
  justify-content: center;
  color: inherit;
  text-decoration: none; /* optionnel */

 
  /*border: solid red;*/
}

.main {
  min-height: 100vh;
  background: url("DSC00857.JPG") center / cover no-repeat;

  display: flex;
  justify-content: center; /* centre horizontalement */
  align-items: stretch;    /* étire les enfants en hauteur */
}

.container {
  background-color: green;
  width: 50%;
  min-height: 100vh; /* prend toute la hauteur */
  padding: 10px;
}

.aboutme {
  background: url("parking.JPG") left / contain no-repeat;
  min-height: 20vh;
  background-color: red;
  padding: 5px;
  
}
.gif {
  width: 50%;
  max-width: 400px;
  min-width: 150px;
  height: auto;
}