main.css

@import url('https://fonts.googleapis.com/css?family=Poppins');


html, body{
    height: 100%;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #222;
    margin: auto
}
.navbar {
    padding: .8rem;
    height: 4em;
}
.navbar-nav li{
    padding-right: 20px;

}

.nav-link{
    font-size: 1.1em !important;
}
.carousel-inner img{
    width: 100%;
    height: 100%;
}
.carousel-caption h1{
    text-shadow: 1px 1px 10px #000;
}
.welcome {
    width: 75%;
    margin: 0 auto;
    padding-top: 2rem;

}
.welcome hr{
border-top: 2px solid #b4b4b4;
width: 95%;
margin-top: .3rem;
margin-bottom: 1rem;
}

.fa-html5{
    color :red;
}
.fa-bold{
    color: purple;
}
.fa-css3{
    color:blue;
}
.fa-html5, .fa-css3, .fa-bold {
    font-size: 4em;
    margin: 1rem;
}

.fun{
    width: 100%;
    margin: 2rem;
}
.gif{
    max-width: 100%;
}
.social a {
    font-size: 4.5em;
    padding: 3rem;

}
.fa-facebook{
    color: #3b5998;
}
.fa-youtube{
    color:#bb0000;
}
.fa-github{
    color: darkgrey;
}

footer{
    padding-top: 2rem;
}

@media (max-width: 768px){

}
@media (max-width: 576px){
    
}