/*
    The contents are this file are beyond the scope of this course, and
    you are not required to understand them. However, if you are interested
    in learning more about how web pages are structured, feel free to ask 
    the course staff! You may also want to check out CSE 154, which covers
    web development in much more detail.
*/

img {
    height: 200px;
    margin-right: 20px;
}

#profile {
    display: flex;
    flex-direction: row;
    align-items: start;
}

#projects {
    display: flex;
    flex-direction: column;
    align-items: start;
}

body {
    font-family: sans-serif;
    margin-bottom: 20px !important;
}

@media (min-width: 1200px) {
    body {
        max-width: 1200px;
        margin: auto auto;
    }        
}

@media (max-width: 1200px) {
    body {
        margin: 20px 20px;
    }
}

footer {
    margin-top: 16px;
}

hr {
    margin: 16px 0 16px 0;
}