h2{
    font-family: Poppins, sans-serif;
    font-size: 20px;
    color: white;
}

span{
    font-family: Poppins, sans-serif;
    color: white;
}

body {
    background: linear-gradient(rgba(20, 26, 35,0.55),rgba(20, 26, 35, 0.55)), url(../../img/background.png) no-repeat center center fixed;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.entete{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.entete .buttons{
    display: flex;
}

.entete .buttons .button{
    width: 100%;
}

.entete .buttons .button a{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.entete .buttons .button img{
    width: 50%;
}

.entete .buttons .button span{
    text-align: center;
}

.entete .buttons .button .adev{
     border-radius: 50%;
     margin-left: 20px;
     margin-right: 20px;
}

.rejoindre{
    display: inline-block;
    background-color: rgb(195 6 6 / 75%);
    border-radius: 5px 5px 5px 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}

.ip{
    background-color: rgb(167 167 167 / 70%);
    border-radius: 5px 5px 5px 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

/* Logo */
.logo {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  animation-name: grow;
  animation-duration: 2s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes grow {
  0% {
    transform: scale(.5);
  }
  100% {
    transform: scale(1);
  }
}