@font-face {
  font-family: 'Coolvetica';       /* Nom que tu choisis pour l'utiliser dans CSS */
  src: url('/fonts/AlteHaasGroteskRegular.ttf') format('truetype'); /* Chemin vers le fichier et type */
  font-weight: bold;          
  font-style: normal;           
}

body {
  min-height: 100vh;
  padding-bottom: 30vh;
}



.titre{
    font-family: 'Coolvetica', sans-serif;
    font-size: 4rem;
}

.descriptions {
    font-family: 'Coolvetica', sans-serif;
    font-weight: bold;
    font-size: 1rem;
}

.petit{
    font-family: 'Coolvetica', sans-serif;
    font-size: 0.75rem;
    color: black;
}


.moyen{
  font-family: 'Coolvetica', sans-serif;
  position: fixed;
  font-size: 0.75rem;
  top: 1rem;
  left: 1rem;
  color: black;
  text-decoration: none;
  z-index: 1000;
}




.blender_chaise {
    position: absolute;   
    top: 30%;           
    left: 8%;         
    text-align: left; 
  }

.blender_chaise img {
     width: 100%;
     max-width: 600px;
}

.blender_chaise p {
    margin-top: 0.625rem;      
    color: #333;          
    font-size: 0.75rem;;       
    word-wrap: break-word; 
    width: 100%;            
    box-sizing: border-box;
    font-family: 'Coolvetica', sans-serif; 
}



.blender_perso {
    position: absolute;  
    top: 90%;       
    left: 40%;       
    text-align: left; 
  }

.blender_perso img {
  width: 100%;
  max-width: 150px;
}

.blender_perso p {
    margin-top: 0.625rem;  
    color: #333;    
    font-size: 0.75rem;      
    word-wrap: break-word;  
    width: 100%;           
    box-sizing: border-box;
    font-family: 'Coolvetica', sans-serif; 
}


#blender_metarig{
  position: absolute;
  top: 90%; 
  left: 51%; 
  width: 9.21875rem;
  height : auto;
}

#perso_croquis {
  position: absolute;
  top: 91%;
  left: 62%;
  width: 29rem; 
  height: auto; 
}


#blender_rig {
  position: absolute;
  top: 145%;
  left: 50%;
  transform: translateX(-50%);
  width: 62.5rem;
}




.blender_voiture {
    position: absolute;   
    top: 230%;
    left: 25%;       
    text-align: left; 
    width : 18.75rem;
  }

.blender_voiture img {
    width:31.25rem;
    height: auto;  
}

.blender_voiture p {
    margin-top: 0.625rem;      
    color: #333;           
    font-size: 0.75rem;        
    word-wrap: break-word;  
    width: 100%;          
    box-sizing: border-box;
    font-family: 'Coolvetica', sans-serif; 
}