/* Style for Portfolio begins here */

/* NavBar Background*/
.bg-dark{
    padding:20px;
}
/*Jumbotron Backgrond color*/
.jumbotron {
    background: rgb(131,58,180);
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 49%, rgba(252,176,69,1) 100%);
    
}
/*Welcome - H1 */
.display-4{
    font-family: Georgia, 'Times New Roman', Times, serif;
    color:white;
    
}
/* paragraph styling */
.lead{
    font-family: Georgia, 'Times New Roman', Times, serif;
    color:white;
}
/* horizontal line  */
.my-4{
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
/* Grid Layout style starts*/
.skills {
    color: #777777;
    Font-weight:bold;
    text-align: center;
    padding-left: 120px;
    margin-right: 30px;
    
}


.learn {
    color:#777777;
}

/* Contact Form CSS  starts  */

.form-container{
    background: #ffff;
    padding:30px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px;
    margin-bottom:10px;

}


/*Image in Index file CSS starts*/
.topright {
  width: 20px;   
}

/* Footer */
footer {
    background:#222;
    padding:30px;
    margin-top:100px;
}
/*copyright*/
.copy{
    padding-top:25px;
    font-weight: bold;;
}
.smed{
    color:#fff;
    padding-top:4px;
    font-size:40px;
}
/*Fontawesome social media icons*/
.fa {
    padding: 20px;
    font-size: 10px;
    width: 20px;
    text-align: left;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
  }

.fa-instagram {
    background: #dd4b39;
    color: white;
    padding-right:5px;
    padding-left:5px;
  }
.fa-facebook {
    background:#007bb5;
    color: white;
  }  
  
.fa-linkedin {
    background: #007bb5;
    color: white;
    padding-right:5px;
    padding-left:5px;
  }
  .fa:hover {
    opacity: 0.7;
}

.logo {
    border-radius: 30%;
    margin-left:43% !important;
    margin-bottom: 50px;
  }