/* ================= MOBILE ================= */

@media(max-width:992px){

.hero{
    flex-direction:column;
    text-align:center;
    gap:60px;
}

.hero-left{
    width:100%;
}

.hero-right{
    grid-template-columns:repeat(2,170px);
    justify-content:center;
}

.about-container{
    flex-direction:column;
    text-align:center;
}

.timeline{
    width:100%;
}

.projects-container{
    grid-template-columns:1fr;
}

.contact-container{
    grid-template-columns:1fr;
}

.skills-container{
    grid-template-columns:repeat(2,1fr);
}

.nav-links{
    gap:20px;
}

.hero h1{
    font-size:52px;
}

}

@media(max-width:768px){

.navbar{
    flex-direction:column;
    gap:20px;
}

.nav-links{
    flex-wrap:wrap;
    justify-content:center;
}

.hero-right{
    grid-template-columns:1fr;
}

.about-info{
    grid-template-columns:1fr;
}

.skills-container{
    grid-template-columns:1fr;
}

.buttons{
    justify-content:center;
}

.social-icons{
    justify-content:center;
}

.hero h1{
    font-size:42px;
}

.hero h2{
    font-size:28px;
}

.description{
    font-size:16px;
}

}