aside{
    text-align: center;
    background-color: #f3f6fb;
    padding-top: 12vh;
    padding-bottom: 12vh;
    color: #1d1d1b;
    }
    
    .typeit{
      font-size: 3vw;
      text-transform: uppercase;
    }
    
    aside p{
      font-size: 2vw;
    }
    
    aside p strong{
      font-size: 3.5vw;
    }
    
    #mail{
      text-decoration: none;
    }
    
    #mail h3{
      font-size: 3vw;
      color: #1d1d1b;
      transition: all 1s ease-out;
    }
    
    #mail h3:hover{
      letter-spacing: 0.1em;
    }
    
    aside p:last-of-type{
      padding-top: 10vh;
      padding-bottom: 5vh;
      font-size: 2vw;
    }
    
    #reseaux{
    margin-top: 2vh;
    text-align: center;
    display: flex;
    justify-content: space-around;
    width: 40vw;
    margin-left: 30vw;
    height: auto;
    }
    
    #reseaux a img{
    width: 35%;
    filter: grayscale(1);
    transition: filter 1s ease-out 10ms;
    }
    
    #reseaux a:nth-child(1){
      animation: flottement 3s ease-in-out infinite;
      animation-delay: 1s;
    }
    
    #reseaux a:nth-child(2){
      animation: flottement 3s ease-in-out infinite;
      animation-delay: 2s;
    }
    
    #reseaux a:nth-child(3){
      animation: flottement 3s ease-in-out infinite;
      animation-delay: 3s;
    }

    #reseaux a:nth-child(4){
      animation: flottement 3s ease-in-out infinite;
      animation-delay: 4s;
    }
    
    @keyframes flottement{
      0%{
        transform: translateY(0);
      }
    
      50%{
        transform: translateY(-1vh);
      }
    
      100%{
        transform: translateY(0);
      }
    }

    @media (max-width: 912px){
    aside p{
        font-size: 3vh;
      }

      .typeit{
        font-size: 3vh;
      }
      
      aside p strong{
        font-size: 2vh;
      }
  
      #mail{
        font-size: 2.5vh;
      }

      aside p:last-of-type{
        font-size: 2vh;
        padding-top: 5vh;
      }
  
      #reseaux{
        width: 100vw;
        display: flex;
        justify-content: space-around;
        margin: 10vh 0 0 0;
      }

      #reseaux a img{
        width: 10vw;
        }
    }