html {
    background-color: #2B2B2B;
    color: #FFc66D;
}

body {
    background-color: #2B2B2B;
    color: #FFc66D;
    -webkit-font-feature-settings: "liga" on, "calt" on;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: 'JetBrains Mono';
}

p {
    color: #A9B7C6;
}

* {
    -webkit-font-feature-settings: "liga" on, "calt" on;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: 'JetBrains Mono';
}

@font-face{
  font-family: 'JetBrainsMono';
  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

body {
    display:flex;
    flex-direction: column;
    width: 100%;
    /*height: calc(100%);*/
    align-items: center;
    padding-top: 32px;
    margin: 0px;
}

img#joel-header-pic {
    width: 528px;
    height: 528px;
    border-radius: 50%;
}

a {
    color: #FFc66D;
}

#joel-name-header {
    width: 528px;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
}

#joel-tag {
    width: 528px;
    margin: 0;
    font-size: 32px;
}

#joel-description {
    width: 528px;
    margin-bottom: 0px;
    font-size: 24px;
}