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


main section:nth-of-type(1){
    display: flex;
    flex-direction: column;
    padding: 0% 0% 15% 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';
}

main section:nth-of-type(1) img{
    width: 3em;
}

main section:nth-of-type(1) img{
    width: 3.5em;
    place-self: center;
    margin-top: 40vh;
    margin-left: -13%;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 100% { 
        transform: translateY(0); 
    }
    50% { 
        transform: translateY(-1em); 
    }
}




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

main section:nth-of-type(2){
    display: flex;
    justify-content: center;
    flex-direction: column;
}

main section:nth-of-type(2) img{
    width: 85%;
    margin: auto;
}