body{
    background-color: lavender;
    margin: 3em;
    font-family:'Courier New', Courier, monospace;
}
header{
    text-align: center;
    padding-top: 1em;
}
nav{
    text-align: center;
    border: 2px indigo;
    border-style: dotted;
    padding: 1em;
}
.container{
    display: flex;
    align-items: flex-start center;
    gap: 3em;
    padding-top: 3em;
    margin: 2em;
}
.container img{
    object-fit: contain;
    width: 100%;
    height:100%;
}
.about-me{
    flex: 1 auto;
    text-align: top;
    object-fit: contain;
}
footer{
    padding: 5em;
    text-align: center;
    font-size: small;
}
/*link styles*/
a:link{
    color: black;
}
a:hover{
    color: indigo;
}
a:visited{
    color: blueviolet;
}
a:active{
    color:hotpink
}