/******************FONTS**********************/
@font-face {
     font-family: 'Comic';
     src: url('police/Comic.ttf') format('truetype');
 }
 
 @font-face {
     font-family: 'Comic_Bold';
     src: url('police/Comic_Bold.ttf') format('truetype');
 }
 
 /***************Box-sing on all elements***************/
 * {
     box-sizing: border-box;
 }
 
 /***************************BODY**************************/
 body {
     margin: 0;
     background-image: url('../images/Tondeuse.png');
     background-size: cover;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }
 
 /************************HEADER***************************/
 header {
     width: 100%;
     height: 4%;
     margin-top: 0;
 }
 
 .logo {
     width: 30%;
    margin: auto;
 }
 
 .logo2 {
     width: 30vw;
     /*height: 200px;*/
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 .logo2 img {
     width: 80%;
     /*width: 290px;*/
     /*height: 200px;*/
     object-fit: cover;
 }
 
 /* Title */
 .paragraph1 {
     width: 40%;
     height: 50%;
     margin: auto;
     text-align: center;
     border-style: solid;
     border-width: 2px;
     border-radius: 20px;
     background-color: rgba(255, 255, 255, 0.3);
 }
 .paragraph1 p {
     font-family: 'Comic';
     font-size: 1.3vw;
 }
 main {
     margin: auto;
 }
 h1 {
     font-family: 'Comic';
     font-weight: bold;
     margin-bottom: 0%;
     font-size: 1.4vw;
 }
 .center {
     text-align: center;
 }
 .counter {
    text-align: center;
    font-weight: normal;
    font-size: 0.9vw;
 }