.logo {
	position:absolute;
	right: 41%
	
}




.loader {

    position: absolute;

    width: 100%;

    height: 100%;

    background: white;

    display: flex; 

    justify-content: center;

    align-items: center;

}

.lettre {

    color: #9700ff;

    font-size: 80px;

    letter-spacing: 15px;

    margin-bottom: 150px;

    animation: flash 1.2s linear infinite;
	
	font-family: casino;



}

@keyframes flash {

    0% {

        color: #ff2d00;

        text-shadow: 0 0 7px #ff2d00;

    }

    90% {

        color: #9700ff;

        text-shadow: none;

    }

    100% {

        color: #ff2d00;

        text-shadow: 0 0 7px #ff2d00;

    }

}



.lettre:nth-child(1){

    animation-delay: 0.1s;

}

.lettre:nth-child(2){

    animation-delay: 0.2s;

}

.lettre:nth-child(3){

    animation-delay: 0.3s;

}




.fondu-out {

    opacity: 0;

    transition: opacity 0.4s ease-out;

}



@font-face {

  font-family: "casino";

  src: url("casino.TTF");

  font-style: normal;

  font-weight: normal;

  

}

.card-fan {
  position: absolute;
  width: 200px;
  transform-origin: bottom;
  transition: all .3s linear;
}

.cards-fan-container:hover #ten-fan{
  transform: rotate(20deg)
}
.cards-fan-container:hover #ace-fan{
  transform: rotate(-20deg)
}
.cards-fan-container:hover #jack-fan{
  transform: rotate(10deg)
}
.cards-fan-container:hover #king-fan{
  transform: rotate(-10deg)
}