@font-face {
  font-family: 'FiraCode';
  src: url('FiraCode.ttf') format('truetype');
}

body {
    margin: 4% auto 4% auto;
    max-width: 950px;
    background-color: black;
    color: white;
    font-family: 'FiraCode', Monospace;
    font-size: 1em;

    background-image: url('background1-20250720-low2-2.gif');
    background-repeat: no-repeat;
    background-size: cover;
     background-position: center;
}

a, a:hover, a:visited, a:active {
  color: CornflowerBlue;
  text-decoration: none;
 }

hr {
    border: gray dashed 5px;
}

main {
    margin: auto 4% auto 4%;
    background-color: #232323ea;
}

.title {
    display: flex;
    min-width: 100%;
    max-height: 10em;
    text-align: center;
    justify-content: center;
}

.title-profile {
    border: none;
    object-fit: contain;
    min-width: 20%;
}
.title-img {
    border: none;
    width: 0;
    min-width: 80%;
    object-fit: cover;
}

.badges img{
    height: 24px;
}

summary {
    cursor: pointer;
}

summary:hover {
    text-decoration-line: underline;
}

summary > * { 
  display: inline;
}

footer {
    text-align: center;
}