index.css

body {
    position: relative;
    background-color: #1D1F20;
    padding-top: 50px;
}

.push-down {
    margin-top: 80px;
}

.about-me {
    background-color: #cecece;
}

.about-me p {
    padding: 0 100px;
}

.about-me h2 {
    padding: 0 75px;
}

.portfolio {
    background-color: #a8a6a6;
}

.contact {
    background-color: #939393;
}

.placeholder {
    width: 200px;
    height: 200px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    margin-top: 15px;
    margin-bottom: 25px;
}

.portfolio p {
    padding-top: 75px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    min-height: 100vh;
}

footer {
    background-color: #706666;
}

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.social {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

#social-fb:hover {
    color: #3B5998;
}

#social-tw:hover {
    color: #4099FF;
}

#social-gp:hover {
    color: #d34836;
}

#social-em:hover {
    color: #f39c12;
}

.fa {
    padding: 0 15px;
}

.anchor {
    display: block;
    height: 70px;
    margin-top: -70px;
    visibility: hidden;
}