*{
    margin:0;
    padding:0;
}


.header{
    padding:20px;
}

.header-right-section{
    display:inline-block;
    float:right;
}
.btn-coffee{
    padding-left:10px;
}

.main-body{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 10%;
}
.middle-section{
    height: 350px;
    width:100%;
    background-color: #7510F7;
}
.intro-section{
     
    margin-top:50px;
    margin-left:25%;
    margin-right:25%;
    color:ghostwhite;
    font-size:20px;
}


.image-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-fluid > .top-section{
    margin-bottom:30px;
}
.mid-head{
    padding-top:40px;
}

.tech-stack-card{
    
    /* transform: translate(-50%, -50%); */
    margin-top:40px;
    margin-left:2%;
    margin-right:2%;
    background: #f2f2f2;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 0 20px 8px #d0d0d0;
    max-height: 400px;
    max-width:700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom:50px;
    padding: 30px;
}
.tech-head{
    color: #000000;
}
.tech-section{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.img-align{
    margin-bottom: 20px;
}
.footer-div{
 background-color: #7510F7;
}
.footer-des{
    background-color: #7510F7;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #f2f2f2;
}

.social-links{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.social-icons{
    margin:10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}
.avatar-icon{
    height: 200px; width:200px; border-radius: 50%; margin-top: 30px;
                margin-bottom: 70px;
}
.modal-wrapper{
    z-index: 99999;
}

.new-goal-ml{
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;
    background: #141c3a;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 0 20px 8px #d0d0d0;
    max-height: 300px;
    max-width:1000px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom:50px;
    padding: 30px;
}


.white_paper{
    color: white;
    text-decoration: none;
    font-size: 20px;
    /* border: aliceblue; */
    border: 1px solid #7510F7;
    border-radius: 50px;
    padding: 13px;
    margin-top: 20px;
}

.resume-link{
float: right;
border:1px solid #7510F7;
color:#7510F7;
text-decoration: none;
padding: 13px;
border-radius: 50px;
}
.resume-link:hover{
    background-color: #7510F7;
    color:#d0d0d0;
}
@media screen and (max-width: 500px){


    .tech-section{
        display:flex;
        flex-direction: column;
    }

    .intro-section {
        margin-top: 20;
        margin-left: 5%;
        margin-right: 5%;
        color: ghostwhite;
        font-size: 15px;
    }
    .mid-icon-set{
        width: 100%;
        height: auto;
    }
}