* {
    font-family: 'Poppins', sans-serif;
}
body {
    background-color: #141419 !important;
    /* color: #141419 !important; */
}
.nav-link {
    font-size: 16px;
    margin: 3px;
    color: #ffff;
    font-weight: 500;
}
.navbar-nav {
    text-align: center;
    margin-right: 20px;
    padding: 0% 2%;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
.menu-bar li {
    float: right;
}
.navbar-collapse {
    justify-content: end;
}

.navbar img {
    width: 100%;
    height: 60px;
    padding-left: 30px;
}
.nav-item {
    padding: 10px;
}
.nav-item a {
    color: aliceblue;
    font-size: 20px;
}
.nav-link:hover {
    font-weight: 600;
    border-bottom: 1px solid #ffff;
    color: #64FFDA !important;

}
/* Landing page CSS */
.landing-container {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}
.middle-btn{
    margin-top: 30px;
    width: 200px !important;
    font-size: 15px !important;
    padding: 5%;
}

.middle-con{
    height: 100%;
    width: 92%;
    margin-right: 60px;
    margin-left: 40px;
    display: flex;
    justify-content: space-between;
}

.landing-details>h3 {
    font-size: 48px;
    font-weight: 550;
    line-height: 61px;
    color: white;
}

.landing-details>h2 {
    font-size: 64px;
    font-weight: 700;
    line-height: 81px;
    color: #64FFDA;
}

.landing-details>button {
    background-color: #141419;
    color: #64FFDA;
    border-color: aqua;
}

.landing-details>p {
    height: 90px;
    width: 674px;
    border-radius: nullpx;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    color: #67738F;
}

.landing-details>h5 {
    padding-top: 30px;
}
/* Right Design */
.right-design{
    width: 3%;
    height: 500px;
    display: inline-grid;
    justify-items: center;
    position: fixed;
    right: 0px;
    bottom: 0px;
}
.right-design >p{
    writing-mode: vertical-rl;
    text-orientation: upright; 
    font-size: 10px;
    font-weight: 700;
    font-style: bold;
    color: white;
    word-spacing: 0px;
}
.rightline{
    height: 200px;
    width: 2px;
    background-color: white;
}


/* Left Design */

 .left-design {
    display:flex;
    justify-content: space-between;
    width: 5%;
    height: 700px;
}
.icons-holder1{
    height: 45%;
    width: 5%;
    display: inline-grid;
    justify-items: center;
    position:fixed;
    bottom: 0px;
    left: 0px;
    
}
.icons-holder1 button{
    height: 80px;
    margin-bottom: 10px;
}
.about-container {
    margin-top: 120px;
    display: flex;
    padding: 5%;
    justify-content: space-around;
}

.about-details {
    width: 900px;
}

.about-details>h2 {
    height: 61px;
    width: 253px;
    font-size: 48px;
    font-weight: 600;
    line-height: 61px;
    color: #64FFDA;
    padding-bottom: 100px;
}

.about-details>p {
    height: 90px;
    width: 674px;
    border-radius: nullpx;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    color: #67738F;

}

.about-details>h5 {
    padding-top: 80px;
}

/* Certification CSS */

.certification-container {
    margin-top: 200px;
}

.certification-container>h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 61px;
    margin-left: 80px;
    margin-bottom: 60px;
    color: #64FFDA;
}

.cer-sec1 {
    display: flex;
    justify-content: space-between;
    height: 400px;
}

.certificate {
    margin-left: 80px;
    margin-right: 80px;
    height: 340px;
    width: 340px;
    border: 1px solid #64FFDA;
    box-shadow: 10px 10px 0px rgba(100, 255, 218, 0.5);
}

.cer-img {
    width: 340px;
    height: 250px;
}

.cer-details {
    height: 90px;
    width: 340px;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    color: white;
}

.cer-details>p {
    position: relative;
    top: 20px;
    left: 10px;
}

.cer-date>img {
    position: relative;
    top: 5px;
    height: 25px;
    width: 25px;
}

.institute>img {
    position: relative;
    top: 5px;
    height: 25px;
    width: 25px;
}

.cer-subdetails {
    display: flex;
    justify-content: space-between;
}

.institute {
    display: flex;
    justify-content: space-between;
    width: 150px;
    margin-left: 10px;
}

.institute>p {
    font-size: 8px;
    font-weight: 300;
    line-height: 11px;
    position: relative;
    top: 50%;

}

.cer-date {
    width: 100px;
    display: flex;
    justify-content: space-between;
}

.cer-date>p {
    font-size: 8px;
    font-weight: 300;
    line-height: 11px;
    position: relative;
    top: 40%;
    right: 20%;

}
.tech{
    color: rgb(100, 255, 218);
}
.skill{
    padding: 5%;
    width: 100%;
    height: 750px;
}
.skill-logo{
  display: flex;
  flex-direction: row;
  background-color: unset;
  
}
.skill-img{
  padding: 25px;
}
.front{
  padding: 20px;
  background-color: white !important;
  border-radius: 20px;
}
.FE{
  margin: 50px;
  width: 1000px;
  height: 280px;
  background-color: white !important;
  border-radius: 20px;
}
.resume h1{
    text-align: center;
    color: rgb(100, 255, 218);
}
.btn1{
    color: rgb(100, 255, 218);
    border-color:rgb(100, 255, 218);
    border-radius: 6px;
    background-color: rgb(2, 2, 2);
    width: 200px;
    height: 40px;
    justify-content: center;
    margin-left: 0%;
}
.resume{
    padding-top: 5%;
    padding-bottom: 5%;
}
.resume a{
    padding-left: 45%;
    
}
.resume img{
    padding-left: 37% ;
    padding-top: 5%;
    padding-bottom: 5%;
    
}
/* .middle-btn1{
    width: 200px;
} */
.journ{
    font-size: 40px;
}
.E_E{
    padding:5%
}

.edu, .work{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 50px;
}
.edu1 , .edu2, .edu3, .work1, .work2, .work3{
    background-color: rgb(20, 20, 25);
    width: 300px;
    height: 180px;
    border: 1px solid #64FFDA ;
    box-shadow: 10px 10px 0px rgba(100, 255, 218, 0.5);
    
}

.edu img , .work img{
    padding: 2%;
    border:1px solid #64FFDA;
    align-content: center;
}
.edu td, .work td{
    font-size: 10px;
    padding-left: 20px;
    color: white;
}


.container-7{
    padding: 5%;
}
.defcontainer-71{
    display: flex;
    flex-direction: row;
    align-items:baseline;
    justify-content: space-around;
}
.contact{
    color: #64FFDA;
    font-size: 30px;
    text-align: center;
}
.horizontal{
    color: white;
    width: 100%;
}
.cont_info{
    color: #64FFDA;
    font-size: 40px;
    padding: 35px 0px 35px 0px;
}


.Git{
    color: #64FFDA;
    font-size: 40px;
    padding-left: 10px;
    padding-bottom: 30px;
}
.info{
    padding: 10px;
}
.logo{
    color:#64FFDA;
    ;
    padding-right:10px ;
}
.logo_mes{
    color: white;
    font-size: 30px;
    padding: 10px 0px 10px 0px;
}
.box{
    background: white;
    width: 400px;
    height: 60px;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
    
}

.box_message {
    width: 400px;
    height: 200px;
    background: white;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
    
}
.btn10{
    margin: 10px;
}
.btn101{
    color: #64FFDA;
    background-color: #141419;
    border: 1px solid #64FFDA;
    border-radius: 10px;
}
.btn101:hover{
    background-color: #64FFDA;
    color: #141419;
}