body{
    margin: 0;
    font-family: 'Baloo Bhai 2', cursive;
    /* font-family: 'Source Sans Pro', sans-serif; */
}

.bg-nav-white {
    background-color: white;
}
.bg-nav-dark {
    background-color: #1c1c1c;
}


.toggle-blue {
    color: #5370FF!important;
}
.toggle-purple {
    color: #A51DC0!important;
}
a {
    text-decoration: none!important;

}
.logo-img-1 {
    border-radius: 50%;
    width: 49px;
    height: 49px;
}
.logo-img-2 {
    border-radius: 50%;
    width: 49px;
    height: 49px;
}
.my-img {
    margin-top: 25px;
    
    border-radius: 6pc;
}

.nav-item {
    padding: 0 15px;
}

.nav-item a{
    color: black;
    font-size: 1.5rem;
    font-family: 'Baloo Bhai 2', cursive;
}
.nav-item a i{
    font-size: 1.8rem;
    padding-left: 7px;
}

.dark-mode-btn {
    font-size: 2.1rem;
    cursor: pointer;
}

#home{
    padding: 5% 3% 4%;
}


.btn-cv {
    background-color: #5370FF!important;
    color: white!important;
    border-radius: 30px!important;
    font-size: 1.5rem!important;
}

.btn-cv-purple{
    background-color: #A51DC0!important;
    color: white!important;
    border-radius: 30px!important;
    font-size: 1.5rem!important;
}
.download {
    padding: 10px;
    font-family: 'Baloo Bhai 2', cursive;

}
p{
    font-family: 'Baloo Bhai 2', cursive;
}

.intro-para {
    padding-left: 7%!important;
}

.name{
    font-size: 3.5rem;
    font-family: 'Source Sans Pro', sans-serif;
}

.what-i-am {
    font-size: 1.8rem;
}

.who-am-I {
    margin: 0!important;
    
}
.blue {
    color: #5370FF;
}
.color-purple {
    color: #A51DC0;
}

.hr_highlight {
    margin: 0 auto!important;
    width: 10%;
    opacity: 1!important;
    border-radius: 5px;
}

.section-title {
    font-size: 3.5rem;
}

.imp-section {
    margin: 5% 0!important;
}

#about {
    margin-bottom: 7%;
}


.about-img img{
    
    border-radius: 120px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.border-blue {
    border: 2px solid #5370FF;
}
.border-purple {
    border: 2px solid #A51DC0;
}

.about-title {
    /* color: rgb(0, 0, 0); */
    opacity: 0.8;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.skills {
    margin: 1.5rem 0 2.5rem 0;
  }
  
.skill {
   margin: 1rem 0;
}
  
.skill-title {
   color: #555;
   font-weight: 600;
   font-size: 1.2rem;
   margin-bottom: 0.3rem;
}
  
.skill-bar {
   width: 70%;
   height: 8px;
   border-radius: 4px;
   background-color: #ece6fa;
   position: relative;
   overflow: hidden;
}
  
.skill-progress {
   position: absolute;
   height: 100%;
   width: 0%;
   top: 0;
   left: 0;
   transition: 1s;
}

.bg-blue {
    background-color: #5370FF;
}
.bg-purple {
    background-color: #A51DC0;
}
  

.portfolio-blue {
    /* margin-top: 7%; */
    background-image: url("../images/contact-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.portfolio-purple {
    /* margin-top: 7%; */
    background-image: url("../images/contact-bg-purple.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.portfolio-img:hover {
    opacity: 0.8;
    
}


.work {
    color: white;
    margin: 0!important;
}

.port-head {
    text-align: center;
    color: white;
    padding: 50px 0 50px;
}

.hr_highlight_port {
    margin: 0 auto!important;
    width: 10%;
    color: #ffffff;
    opacity: 1!important;
    border-radius: 5px;
}
.my-img {
    margin-top: 25px;
}

.list-port {
    width: 50%;
    margin: auto;
}
.list-port .row div{
    padding: 10px;
}

.btn-port {
    color: #fff!important;
    font-weight: 700!important;
}



.btn-onclick {
    background-color: white!important;
    border-radius: 20px!important;
    padding: 0.375rem 1rem!important;
    color: black!important;
}


.portfolio-img {
    border-radius: 5%;
    box-shadow: 5px 5px 5px 5px rgb(44, 44, 44, 0.6);
}

#footer {
    margin-top: 8%;
}

.footer-top {
    background: white url("../images/footer-bg.png") no-repeat right top;
    background-size: contain;
    border-top: 1px solid #e1ecff;
    border-bottom: 1px solid #e1ecff;
    padding: 60px 0 30px 0;
}
.footer-dark {
    background: #1c1c1c url("../images/footer-bg.png") no-repeat right top;
    background-size: contain;
    border-top: 1px solid #1c1c1c;
    border-bottom: 1px solid #1c1c1c;
    padding: 60px 0 30px 0;
}


.footer .credits {
    padding-top: 10px;
    text-align: center;
    font-size: 20px;
}

.footer-r {
    background: #f6f9ff;
    padding: 0 0 10px 0;
    font-size: 14px;
}
.footer-r-dark {
    background: #1c1c1c!;
    padding: 0 0 10px 0;
    font-size: 14px;
}

.foot-name {
    font-size: 2.5rem;
}

.feature-icon {
    text-align: center;
}

.feature h2, .feature p {
    text-align: center;
}
.soso {
    color: #1c1c1c;
    opacity: 0.7;
    font-size: 2rem!important;
    margin: 0px 5px;
}
.soso-dark {
    color: rgb(255, 255, 255);
    opacity: 0.7;
    font-size: 2rem!important;
    margin: 0px 5px;
}


.social-links a i:hover{
opacity: 0.5;
}


.for-dark {
    margin: 0;
    font-family: 'Baloo Bhai 2', cursive;
    background-color: #1c1c1c!important;
    color: white!important;
}

#container {
    display: flex;
}

.moving {
    font-size: 1.8rem;
    color: #5370FF;
    font-weight: 800;
    padding-left: 7px;
}
.moving-purple {
    font-size: 1.8rem;
    color: #A51DC0;
    font-weight: 800;
    padding-left: 7px;
}

.purple {
    display: none!important;
}