styling.css

.center-picture {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.circle {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;
}

.gradient-text {
    background: -webkit-linear-gradient(transparent, black);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.semi-transparent {
    background-color: rgba(255, 255, 255, 0.5);
    border: transparent;
}

.transparent {
    background: transparent;
    border: transparent;
}

#brand,
#brand:active,
.black,
.nav.navbar-nav.navbar-right li a,
.nav.navbar-nav.navbar-right li a:active
{
    color: black;
}

#brand:hover,
.nav.navbar-nav.navbar-right li a:hover {
    color: white;
}

#about-me, .col-md-4 a {
    color: whitesmoke;
}

#who-header {
    text-align: center;
}

@font-face {
    font-family: Ubuntu;
    src: url(fonts/Ubuntu-Light.ttf);
}

html, body {
    font-family: Ubuntu, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    height: 100%;
    background-color: black;
    background-image: url("images/reverse gate chinese.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right bottom;
    background-size: cover;
}