:root {
    --burnt-orange: #bf5700;
    --charcoal: #333f48;
    --tangerine: #f8971f;
    --bluebonnet: #005f86;
    --shade: #9cadb7;
}

* {
    box-sizing: border-box;
    color: #33FFCC;;
}

h1, h2, h3 {
    color: #ff1aa3;
}

body {
    background: url('./images/space-tile.jpg');
}

strong {
    color: #ffff61;
}

a {
    color: #CC99FF;
}

header {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

header .info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0;
    font-size: 1.25em;
}

/* header .info {
    display: flex;
    flex-direction: column;
    align-items: center;
} */

.headshot-wrapper {
    width: 300px;
}

.headshot-wrapper img {
    width: 100%;
    object-fit: contain;
}

main {
    padding: 1em;
}

main p,
main li {
    font-size: 1.15em;
}