/* *****************
SECTION STYLING #1
***************** */


main section:nth-of-type(1){
    display: flex;
    flex-direction: column;
    padding: 0% 0% 5% 13%;
}

main section:nth-of-type(1) h2{
    font-size: 8rem;
    padding: 10rem 0rem 1rem;
    font-family: 'mainText';
    color: var(--color-text);
}

main section:nth-of-type(1) p{
    width: 60ch;
    font-family: 'breadText';
}

main section:nth-of-type(1) p span{
    color: var(--color-accentcolor);
    font-size: 3em;
    font-family: 'mainText';
}


@media only screen and (max-width: 550px){
    main section:nth-of-type(1) h2{
        font-size: 5rem;
    }
}

#backToTopBtn{
    display: none;
}




/* *****************
SECTION STYLING #2
***************** */


main section:nth-of-type(2) article{
    display: flex;
    gap: 1em;
    margin-top: 1em;
    align-items: center;
    background-color: var(--color-softbg);
    padding: 2em;
    width: 20em;
    margin-bottom: 1em;
    border-radius: 1em;
}

main section:nth-of-type(2){
    display: flex;
    flex-direction: row;
    gap: 5em;
    padding: 0% 0% 15% 13%;
}

main section:nth-of-type(2) img{
    width: 2em;
    background-color: var(--color-softbg);
}

main section:nth-of-type(2) p {
    font-family: 'breadText';
    background-color: var(--color-softbg);
}

main section:nth-of-type(2) article:last-child a{
    text-decoration: none;
    background-color: var(--color-softbg);
}

main section:nth-of-type(2) article:hover{
    transform: scale(1.02);
    transition: all 0.5s ease;
    transform: translateY(10px);
}

@media only screen and (max-width: 1000px){
    main section:nth-of-type(2){
        display: flex;
        flex-direction: column;
    }


}