body {
    font-family: 'Poppins', sans-serif;
}
.navbar{
    background: rgba(8,8,8,0.7);
}

#home{
    min-height: 100vh;
    color:rgb(61, 192, 148);
    text-shadow: black 0.2em 0.2em 0.3em;
    background: url(../images/full1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#home .lead, #home .display-5{
    background: rgba(8,8,8,0.7);
}
#feature {
    color:rgb(202, 19, 19);
    text-shadow: black 0.2em 0.2em 0.3em;
    background: #141E30;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #6395ad, #141E30);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #6395ad, #141E30);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

#feature .lead {
    color:rgb(221, 207, 12);
}

#about {
    background: #86538f;
    color:rgb(238, 238, 236);

    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #243B55, #86538f);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #243B55, #86538f);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#about .card-body {
    color:rgb(86, 228, 178);
    margin:50px auto;
}

#about .p-name {
    margin-top: 1em;
    color:rgb(202, 19, 19)
}

#about .repo {
    color:rgb(74, 4, 95);
}

#about .repo:hover {
    color:rgb(167, 24, 24);
}

#about .linkdn:hover {
    color:rgb(65, 80, 218);
}

#about img {
    width:150px;
    height:150px;
    border-radius: 50%;
    margin: -5em auto;
    
}

#demo {
    background: #eb5353;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #eb5353, #243B55);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #eb5353, #243B55);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.repo, .repo-proy {
    color:rgb(221, 207, 12);
}

.repo:hover {
    color:rgb(112, 9, 143);
}

.linkdn:hover {
    color:rgb(119, 192, 241);
}