header h1 {
    color: #000;
    letter-spacing: 1px;
}

body {
    background-color: rgba(78, 101, 108, 0.8);
}

header {
    color: #000;
    text-align:center;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    margin: 0px 50px;
}

header p {
    font-size: 16pt;
}

nav {
    text-align:center;
    font-size: 14pt;
    letter-spacing: 1px;
    border-bottom: 2px solid black;
    padding-bottom: 20px;
}

nav a {
    text-decoration: none;
    display: inline;
}

nav a:hover {
    color: rgb(171, 190, 110);
    transition: 200ms;
}

section#bio {
    font-size: 16pt;
    line-height: 1.5;
    padding: 20px 50px;
    text-align: center;
}

p#intro {
    font-size: 16pt;
    margin-left: 50px;
}

section#websites {
    font-size: 16pt;
    line-height: 1.5;
    padding: 0px 50px;
    text-align: left;
    display: flex;
    align-items: top;
    gap: 20px;
}

section#websites a {
    text-decoration: none;
}

section#websites a:hover {
    color: rgb(171, 190, 110);
    transition: 200ms;
}

img {
    width: 50%;
    max-width: 300px;
    border: 5px solid rgb(77, 76, 76);
    border-radius: 10px;
    margin: 20px;
    opacity: 0.9;
}

footer {
    text-align: center;
}