body {
 background-color: #ffaa00 ; 
 font-family: Verdana, sans-serif; 
 font-size: 100%;
 }
 h1 {
 font-size: 40px;
background-color: white; 
 color: black; 
 text-align: center;
 font-family: Impact, sans-serif;
 }

h4 {
	font-size: 20px; 
	color: black; 
	padding-left: 15px;
	text-align: center;
   font-family: Comic Sans MS, sans-serif;
 }
 
 p {
	font-size: 20px; 
	color: black; 
	padding-left: 15px;
	text-align: center;
   font-family: Comic Sans MS, sans-serif;
 }
  h3 {
 font-size: 25px; 
 color: #0017FF; 
 padding-left: 15px;
  text-align: center;
   font-family: Verdana ;
  }
 h5 {
 font-size: 50px; 
 color: white; 
 padding-left: 15px;
  text-align: center;
   font-family: Comic Sans MS, sans-serif;
  }

img{
 display: block;
 margin: 0px auto;
 border: none;
 
}

}

footer {
	position:absolute;
	bottom:0;
}

#lien{
	background-color : orange;
	text-decoration:none;
	border : none ;
	font-size : 50px;
	color : white	;
	display : inline-block ;
	text-align : center ;
}
a{
	text-decoration:none;
	color:white
}
table {
	text-align :center;
	background-color : #3498DB;
	color:white;
}
ul {
	align: center;
	text-align : center;
}
li {
	align: center;
	text-align : center;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wrapper {
  position: relative;
  width: 100%;
  margin:  0 auto;
  max-width: 50px;
	
  video {
    width: 100%; 
  }
  
  svg { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    text {
      font-family: 'Montserrat', sans-serif;
      font-weight: 300;
      margin:0;
      padding:0;
      text-transform: uppercase;
      font-size: 50px;
    }
    
    > rect {
      -webkit-mask: url(#mask);
      mask: url(#mask);
    }
    
    rect {
      fill: #fff;
    }
  }
}
.video {
            position:relative; 
	     width:100%;
            height:100vh;
	    margin:0;
            padding:0;
        }
        .video video {
            position:absolute;
            top:0;
            left:350;
	    margin:0;
            padding:0;
            width:650;
            height:150;
            object-fit: cover;
        }
        .video h1 {
            position:absolute;
            top:0;
            left:350;
            width:650;
            height:150;
            margin:0;
            padding:0;
            font-family: 'IMPACT';
            font-weight:100;
            font-size:12vw;
            line-height: 1;
            letter-spacing: 1vw;
            display:flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            color:black;
            background:#fff;
            mix-blend-mode: screen;
            cursor:default;
            pointer-events: none;
        }
.square {
        height: 200px;
        width: 200px;
        border-color:  #ccac00  #631120;
        border-image: none;
        border-radius: 0 0 0 0;
        border-style: solid;
        border-width: 30px;
      }
