body {
    font-family: monospace;
    font-size: 18px;
    background-color: #333333;
}

div#me {
    border-style: hidden;

    padding: 0;
    margin: 5%;

    text-align: center;
    color: #ffffff;

}

div#me > p#name {
    padding-bottom: 0;
    margin: 0;
    font-size: 300%;
}

a.link, a.social-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: #ffffff33;
}


#info-bits {
    color: #ffffff55;
    padding: 0;
    margin: 0;
}

#links {
    font-size: 200%;
}

div#me > p#bio {
    margin-top: 1%;
    padding: 1%;
}

div#me > p#bio > span {
    color: #ffffff55
}

div#links {
    flex-direction: row;
}

div#projects {
    flex-direction: column;
}

div#projects > div.project {
    margin-top: 2%;
    margin-bottom: 2%;

    color: #ffffff;
    padding: 1%;
    padding-left: 5%;
    padding-right: 5%;
    text-align: left;
}

hr.line-break {
    width: 90%
}

div.project > div.project-desc {
    margin-left: 5%;
    margin-right: 5%;
}