/* Global styles */
body {
    font-family:'Barlow', 'Helvetica', sans-serif;
    font-weight: 400;
    margin-left: 60px;
    background-color: #000000;
}


/* Include padding and border in total box size */
* {
    box-sizing: border-box;
}

/* Wrapper so that content doesn't load under header */
.page-content {
    margin-top: 64px;
}

/* Header style */
.top-header {
    width:100%;
    height: 48px;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 20px 0 60px;

    display:flex;
    flex: 1 200px;
    flex-flow: row;
    align-items: center;

    background-color: #000000;
    
    font:18px;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
}

.left-side-header {
    flex: 7;
    /*background-color: green; */
} 

.right-side-header {
    flex: 1;
}

.right-side-header ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*background-color: aqua; */

    list-style: none;
}

.right-side-header li {
    margin-left: 20px;
}

.top-header a {
    text-decoration: none;
    color: #ffffff;

}
.top-header a:hover {
    color: #ffffff;
    text-decoration:underline;
}

/*Project list */
.project-list {
    display: flex;
    flex-flow: column wrap;
    margin-top: 15%;

    font-weight: 900;
    font-size: 120px;
    line-height: 110px;
    color: #DB48A3;

}

.project-list p {
    margin: 0px 0px 10px 0px;
}

/*.project-list p:first-child {
    flex:2;
} */