@font-face {
    font-family: Quatrocento;
    src: url(/font/QuattrocentoSans-Regular.ttf);
  }
  @font-face {
    font-family: breakSemiBold;
    src: url(font/Break-SemiBold.ttf);
  }
  @font-face {
    font-family: Amatic;
    src: url(/font/AmaticSC-Bold.ttf);
  }
  * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
  }
  body {
    background-color: #181822;
    font-family: Quatrocento;
    color: whitesmoke;
  
  }

  .blablaContact{
    margin:10% auto 5% auto;
    width: 75%;
    display:flex;
    justify-content: center;
    align-items: center;
  }


  .blablaContact p{
    text-align: center;
    color: whitesmoke; 
    font-size: 3em;
    width: 75%;
  }

  .lienmailContact{
    display: flex;
    justify-content: center;
    align-items: center;
    
  }
  .lienmailContact a{
    margin-left: 3%;
    color:#ff581b;
    font-size: 2em;
  }
  .lienmailContact a:hover {
    color: orange;
  }