@font-face {
    font-family: 'openSans';
    src: url('res/OpenSans-Regular.ttf');
}

body {
    font-family: openSans, "Open Sans", sans-serif;
    color: #220E4C;
    background: #f0f0f0;
    text-align: start;
    margin: auto ;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 800px;
    margin-bottom: 40px
}

body ul {
    text-align: start;
}

a:link, a:visited {
    text-decoration: none;
    color: #7e5dc6;
}

#header {
    font-family: openSans, "Open Sans", sans-serif;
    padding: 30px 24px 0 24px; 
    align-content: center;
    width:fit-content;
    margin: auto;
}

#header-links {
    margin: 40px auto 40px auto;
    align-content: center;
    text-align: center
}

#me-pic {
    object-fit: cover;
    border-radius: 50%;
}

#blurb img {
    max-width: 50%;
    max-height: 75%;
}

.project {
    padding-bottom: 50px;
}