/* Adapt btn, btn-2, btn-3{width: fit-content, socials-container icon   */

@media screen and (max-width: 500px){
    #desktop-nav{
        display: none;
    }
    #hamburger-nav{
        display: flex;
    }
    .menu-links a{
        display: inline-flex;
        padding: 10px;
        text-align: left;
        font-size: 1rem;
        color: white;
        text-decoration: none;
        transition: all 0.3 ease-in-out;
    }

    .profile-pic-container{
        display: none;
    }
    .section{
        padding-top: 10vh;
    }
    .tech-item img {
        width: 50px; 
        height: 50px;
        object-fit: contain;
    }
    .tech-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px; 
        justify-items: center;
        align-items: center;
        padding: 10px;
    }
    .profile-insight{
        display:none;
    }
}


/* @media screen and (max-width: 1200px){
    .tech-item img {
        width: 50px; 
        height: 50px;
        object-fit: contain;
    }
    .tech-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px; 
        justify-items: center;
        align-items: center;
        padding: 10px;
    }

} */

/* @media screen and (max-height:625px){
    section{
        margin: 0vh 15vw;
        padding-top: 7.5vh;
    }
    .tech-item img {
        width: 40px; 
        height: 40px;
        object-fit: contain;
    }
    .tech-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 5px; 
        justify-items: center;
        align-items: center;
        padding: 5px;
    }
    

} */

/* @media screen and (max-height:500px){
    section{
        margin: 0vh 15vw;
        padding-top: 5vh;
        height: fit-content;
    }

} */

/* @media screen and (max-width: 1100px){
    #desktop-nav{
        display: none;
    }
    #hamburger-nav{
        display: flex;
    }
    .section{
        padding-top: 10vh;
    }
} */

/* @media screen and (max-width: 900px){
    #desktop-nav{
        display: none;
    }
    #hamburger-nav{
        display: flex;
    }
    .profile-pic-container{
        display: none;
    }
    .section{
        padding-top: 10vh;
    }
    .tech-item img {
        width: 50px; 
        height: 50px;
        object-fit: contain;
    }
    .tech-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px; 
        justify-items: center;
        align-items: center;
        padding: 10px;
    }
} */


@-webkit-keyframes fade_move_down {
    0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -webkit-transform:translate(0,10px); opacity: 0; }
  }
@-moz-keyframes fade_move_down {
    0%   { -moz-transform:translate(0,-20px);  opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -moz-transform:translate(0,10px); opacity: 0; }
  }
@keyframes fade_move_down {
    0%   { transform:translate(0,-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { transform:translate(0,10px); opacity: 0; }
  }
  @keyframes scroll-left {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-100%);
    }
  }