html{
    background-image: url("../images/Purple_bg.jpg");
}

/*ALL NAV*/
    nav{
        background-color: #241A28;
        overflow: hidden;
        margin: 0%;
        padding: 0;
    }

    nav ul{
        margin: 0%;
        padding: 16px 0px 16px 40px;
        background-color: #241A28;
    }
/*ALL NAV*/

/*ALL HEADER*/
    header{
        overflow: hidden;
        background-image: url("../images/abtBanner.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 740px;/*You must set a specified height*/
        margin:0%;
        padding: 0%;
        width: 100%;
    }
/*ALL HEADER*/

/*ALL TEXT*/
    /*ALL TITLES*/
        .Title h1{
            color : #322334ee;
            font-size: 8em;
            font-weight: 800;
            padding: 5rem 1rem 0rem;
        }

        .sectionOne h1{
            padding-bottom: 0.5em;
            margin: 0%;
            color : #241A28;
            font-family: "Plus Jakarta Sans", sans-serif;
            font-optical-sizing: auto;
            font-weight: 800;
            font-style: normal; 
            font-size: 4em;
        }

        .sectionThree h1{
            margin: 0%;
            color : #241A28;
            font-family: "Plus Jakarta Sans", sans-serif;
            font-optical-sizing: auto;
            font-weight: 800;
            font-style: normal; 
            font-size: 4em;
        }

        .sectionOne h2{
            margin: 0%;
            color : #312832;
            font-family: "Plus Jakarta Sans", sans-serif;
            font-optical-sizing: auto;
            font-weight: 800;
            font-style: normal; 
            font-size: 2.5em;
        }

        .sectionTwo h2, .sectionThree h2{
            margin: 0%;
            color : #312832;
            font-family: "Plus Jakarta Sans", sans-serif;
            font-optical-sizing: auto;
            font-weight: 800;
            font-style: normal; 
            font-size: 2em;
        }
    /*ALL TITLES*/
    .sectionOne p{
        color : #D9D9D9;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 300;
        font-style: normal; 
        font-size: 1.5em;
        width: 90%;
    }

    .sectionTwo span{
        margin: 0%;
        font-family: "Plus Jakarta Sans", sans-serif;
        font-optical-sizing: auto;
        font-style: normal; 
        font-size: 1em;
    }

    .sectionThree p{
        color : #D9D9D9;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 300;
        font-style: normal; 
        font-size: 1.5em;
    }

    .sectionFour p{
        color : #D9D9D9;
        font-family: "Plus Jakarta Sans", sans-serif;
        font-optical-sizing: auto;
        font-style: normal; 
        font-size: 1.3em;
        padding: 0px 20px;
    }
    .footAlt p{
        color: #241A28;
    }
    .mail p{
        float: right;
        color : #D9D9D9;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal; 
        font-size: 1em;
    }
/*ALL TEXT*/


/*SECTION 1*/
    .sectionOne{
        padding: 30px;
    }

    .left{
        width: 28%;
        border-radius: 12px;
        border-style: solid;
        border-width: 5px;
        border-color: #241A28;        
    }

    .right{
        float: right;
        width: 60%;
    }
/*SECTION 1*/

/*SECTION 2*/
    .sectionTwo{
        background-color: #D4CED6;
    }

    .icons{
        background-color: #241A28; 
        font-weight: 600;
        border-radius: 40px;
        color: #D4CED6;
        padding: 2px 10px;
    }

    .iconsText, .iconsTextAlt{
        color: #241A28;
        font-weight: 800;
    }

    .iconsAlt{
        background-color: #D4CED6; 
        font-weight: 600;
        border: 4px solid #241A28;
        border-radius: 40px;
        color: #241A28;
        padding: 2px 10px;
    }

    /*LOOP*/
        .text-loop {
            padding: 10px 0px;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
        }

        .textTrack {
            display: inline-flex;
            gap: 30px;
            animation: scroll 50s linear infinite;
        }

        .textTrackAlt {
            display: inline-flex;
            gap: 30px;
            animation: scroll 50s linear infinite reverse;
        }

        .textTrack span, .textTrackAlt span {
            flex-shrink: 0;
        }

        /*SCROLL*/
            @keyframes scroll {
                from {
                    transform: translateX(0);
                }

                to {
                    transform: translateX(-50%);
                }
            }
        /*SCROLL*/
    /*LOOP*/
/*SECTION 2*/

/*SECTION 3*/
.sectionThree{
    padding: 40px 20px 300px 20px ;
    border-top: 20px solid #241A28;
}
.sectionThree h1, .sectionThree h2{
    text-align: left;
}

.sectionThree p{
    text-align: right;
    float: right;
    width: 70%;
}

.nula{
    padding-top: 20px;
    float: left;
    width: 30%;
}

.sectionThree img{
    height: auto;
    width: 100%;
}
 
/*SECTION 3*/

/*SECTION 4*/
.sectionFour{
    border-top: 20px solid #241A28;
    background-color: #D4CED6;
}

.blank{
    padding: 20px 0px;
    height: 200px;
    width: 100%;
}

.education{
    width: 45%;
    float: right;
    border-radius: 40px;
    background-color: #241A28;
}

.education img{
    width: 17%;
    float: right;
}

.links img{
    padding-left: 20px;
    width: 10%;
    float: right;
}

.mail img{
    margin: 10px 0px;
    width: 13%;
    padding-left: 20px;
    float: left;
}

.mail{
    float: right;
    width: 22%;
    border-radius: 60px;
    background-color: #241A28;
}
/*SECTION 4*/

/*FOOTER*/
.footAlt{
    background-color: #D4CED6;
    padding-top: 20px;
}

/*FOOTER*/