/* ****** intro-section *********
.intro-section, .howWorks, .whereClasses, .contactForm, .plans{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    margin-top: 2%;
    
}
.intro-section{
    height: 60vh;
    margin-top: 1%;
}

.intro-section .intro-sectionContent{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10%;
}
.intro-section .textintro-section{
    width: 30%;
}
.intro-section .textintro-section p{
    text-align: justify;
}

.intro-section img{
    width: 30%;
    border-radius: 25px;
} */

main{
    display: flex;
    flex-direction: column;
    gap: 2%;
    justify-content: center;
    align-items: center;
}

/* .title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 2rem;
    color: var(--skilly-green);
} */
.subtitle{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 1.5rem;
    color: var(--skilly-green);
}

.intro-section, .howStart, .tools{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    margin-top: 2%;
    
}
.intro-section{
    height: 60vh;
    margin-top: 1%;
}


.aboutContent, .startContent{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10%;
}
.textAbout{
    width: 30%;
}

.textStart{
    width: 80%;
}
.textAbout p, .textStart p{
    text-align: justify;
}

.intro-section img{
    width: 30%;
    border-radius: 25px;
}

.toolsImages{
    display: flex;
    gap: 5%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.toolsImages img{
    width: 1000px;
    box-shadow: 0px 0px 37px -1px rgba(0,0,0,0.75);
    border-radius: 10px;
}

.toolName{
    color: var(--skilly-green);
}
.methodology{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: justify;
    width: 60%;
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 1.2rem;
    color: var(--skilly-green);
}

#annotation{
    font-style: italic;
    font-size: 0.8rem;
    color: grey;
}