.introduction{
    width: 108.5rem;
    margin: 0 auto;
    grid-template: 34.7rem 16rem 17.3rem/repeat(2,1fr);
    grid-template-areas:"introduction-tittle-label image-container"
                        "introduction-links image-container"
                        " . available-to-work";
}


.introduction .name-developer{
    font-size: 4rem;
}

.introduction .first-greeting,.introduction .name-label,
.introduction .first-greeting-blue,.introduction .name-label-blue,
.introduction .first-greeting-white,.introduction .name-label-white{
    font-size: 2.8rem;
    margin-top: 0;
}

.introduction .image-container{
    width: 46rem;
    height: 35rem;
}

.introduction .available-to-work{
    margin-top: 0;
}

/*about-me*/
.about-me-container{
    width: 108.5rem;
}

.about-me-title,
.about-me-title-blue,
.about-me-title-white{
    padding-top: 7.2rem;
    font-size: 3.6rem;
}

.about-me .about-me-grid,
.about-me-blue .about-me-grid,
.about-me-white .about-me-grid{
    grid-template-columns: repeat(2,1fr);
    padding-bottom: 3.2rem;
}

.about-me .about-me-profile,
.about-me-blue .about-me-profile,
.about-me-white .about-me-profile{
    width: 36.5rem;
    height: 29.6rem;
    justify-self: center;
}

.about-me-role,
.about-me-role-blue,
.about-me-role-white{
    font-size: 2.8rem;
}

.about-me p,
.about-me-blue p,
.about-me-white p{
    font-size: 2rem;
}

/*pprojects*/
.projects-title,
.projects-title-blue,
.projects-title-white{
    font-size: 3.6rem;
}

.projects .projects-container, .projects .projects-container-card{
    margin-top: 2.4rem;
    width: 72rem;
    height: 72rem;
}

/*stack*/
.stack,
.stack-blue,
.stack-white{
    margin-top: 15.6rem;
    height: 24.6rem;
}

.stack h1,
.stack-blue h1,
.stack-white h1{
    font-size: 3.6rem;
}

.stack .stack-container-grid,
.stack-blue .stack-container-grid,
.stack-white .stack-container-grid{
    height: 13rem;
}


.stack img:first-child,
.stack-blue img:first-child,
.stack-white img:first-child,
.stack img:not(:first-child),
.stack-blue img:not(:first-child),
.stack-white img:not(:first-child){
    height: 12rem;
    width: 12rem;
}

.stack .stack-container-delay,
.stack-blue .stack-container-delay,
.stack-white .stack-container-delay{
    height: 13rem;
}

/*services*/
.services-title,
.services-title-blue,
.services-title-white{
    font-size: 3.6rem;
}

/*footer*/
.footer-section .footer-initial-label h1,
.footer-section-blue .footer-initial-label h1,
.footer-section-white .footer-initial-label h1{
    font-size: 3.6rem;
}

.footer-section .footer-initial-label h1 + p,
.footer-section-blue .footer-initial-label h1 + p,
.footer-section-white .footer-initial-label h1 + p{
    font-size: 2.4rem;
    width: 47.1rem;
}

.footer-section-links ul{
    width: 65.4rem;
    margin: 0 auto;
    margin-top: 3.6rem;
}

.footer-section .footer-main-form p,
.footer-section-blue .footer-main-form p,
.footer-section-white .footer-main-form p{
    font-size: 2rem;
}