h1{
    color: #333;
    font-family: Arial, sans-serif;


}
h2{
    color: #555;
    font-family: Arial, sans-serif;
}
a{
    color: #1a73e8;
    text-decoration: none;
    font-family: Arial, sans-serif;
}
a:hover {
  text-decoration: underline; /* underline on hover */
}
li{
    margin-bottom: 10px;
}
#Headshot{
    height: 200px;
    width: auto;
    border-radius: 15%;
    margin-bottom: 20px;
    position: absolute; /* or fixed if you want it to stay on screen */
    top: 0;
    right: 0;

}
/* Layout for smartphones */
@media screen and (max-width: 600px) {
    body{
        justify-content: center; /* vertically, if container has height */
        align-items: center;     /* horizontally */
        text-align: center;      /* for text inside items */

    }
    ul, ol {
        list-style-position: inside; /* bullet is considered part of the text */
        padding-left: 0;             /* remove extra indent */
        text-align: center;           /* center bullets and text */
    }

    #Headshot {

        position: static; /* normal flow */
        display: block;
        margin: 0 auto 20px auto; /* center and add bottom margin */
    }
}