.Bio{
    position: relative;
    margin-top: -1%;
    padding-top: 7vh;
    /* padding: 3%; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100vw;
    height: 100vh;
    background: #FFF;
    align-items: center;
    margin-bottom: 10%;
}

.aboutMe{
    height: 100vh;
    display: flex;
    position: relative;
    flex-direction: row;
}
#aboutSec{
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.technologies{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    width: 80vw;
}
.tech{
    margin:2vw;
}
.tech img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.tech h3{
    color:#fff;
    text-align: center;
    font-size: 100%;
}
#about{
    left: -200vw;
}
.skills h2{
    color:#fff;
    font-size: 300%;
}
.otherTech{
    width: 60vw;
}
.otherTech h3{
    color:#fff;
    font-size:300%;
    text-align: center;
    margin: 0px;
}
.otherTech p{
    padding-left: 2vw;
    padding-right: 2vw;
}
.others{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
#aboutSec p1{
    margin-right: 4vw;
    padding: 28px;
    background-color: #EAEAEA;
    border-radius: 10px;
}
#aboutSec h4{
    margin-right: 20vw;
    margin-bottom: -15px;
    margin-left: -35px;
    width: 300px;
    text-align: center;
    padding: 20px;
    background-color: #26263D;
    border-radius: 10px;
    z-index: 1;
}
.edu{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    /* margin-left: 20vw; */
    width: 80vw;
}
.exp{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    /* margin-left: 20vw; */
    width: 100vw;
}
.exp .info{
    width: 70%;
    /* display: flex; */
    /* flex-direction: row; */
    align-items: center;
    justify-content: space-evenly;
}
#aboutSec .exp h4{
    margin: 0px;
    margin-bottom: -20px;
    margin-left: auto;
}

#aboutSec .exp p1{
    margin:0px;
    font-size: 16px;
}
.top{
    padding-top: 5vh;
    width: 80%;
    height: 25vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-bottom: 5vh;
}
.Bio .bottom{
    width: 100%;
    height: 65vh;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}
.Education{
    width: 50vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.Skills{
    width: 50vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.skillList{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.skillList img{
    width: 30px;
    padding-right: 5px;
}
.Skills .skillList h5{
    background-color: #26263D;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0.5%;
    height: 30px;
    margin-right: 0.5%;
    font-size: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.expDescriptions{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.Jobs{
    background-color: #26263D;
    display: flex;
    height: 10vh;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    padding-top: 2.5vh;
}
.Jobs img{
    height:40%;
    padding-left: 5%;
    padding-right: 5%;
}
.expDescriptions .card{
    background-color: #e6e6e6;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 1%;
    padding-right: 1%;
    width:20vw;
    min-width: 300px;
}

.expDescriptions .card img{
    background-color: #e6e6e6;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 1%;
    padding-right: 1%;
    width: 15%;
}
.expDescriptions .card .title{
    clear: both;
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    justify-items: center;
}