html{
    min-height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background: #c7bdbc;
    background: -webkit-linear-gradient(30deg, black 10%, indianred, floralwhite 60%, palegreen);
    background: -moz-linear-gradient(30deg, black 10%, indianred, floralwhite 60%, palegreen);
    background: -ms-linear-gradient(30deg, black 10%, indianred, floralwhite 60%, palegreen);
    background: -o-linear-gradient(30deg, black 10%, indianred, floralwhite 60%, palegreen);
    background: linear-gradient(30deg, black 10%, indianred, floralwhite 60%, palegreen);
}

@font-face {
    font-family: AvenirNext-Regular;
    src: url(AvenirNext-Regular.ttf);
}

.navbar{
    background: black;
    font-family: "AvenirNext-Regular", serif;
    color: white;
}

.navbar-brand {
    -webkit-transform: skewX(168deg);
    transform: skewX(168deg);
    font-size: 1.6em;
    position: relative;
    right: 20%;
}

.nav a:link, .nav a:visited, .nav a:hover, .nav a:active{
    color: white;
}