@font-face {
    font-family: site-font; /* set name */
    src: url(LibreBaskerville-VariableFont_wght.ttf); /* url of the font */
}

body{
    background-color: rgb(56, 0, 0);
}

.site-container{
    border-style: solid;
    border-width: 2px;
    border-color: rgb(200, 150, 64);
    flex: 1;
    font-family: site-font;
    color: rgb(200, 150, 64);
}

.image-overlay{
    background-color: rgb(56, 0, 0);
    text-align: center;
    border-radius: 40px;
    padding: 2px 48px;
    width: fit-content;
    margin-inline: auto;
}



#header{
    border-radius: 10%;
    text-align: center;
}

#first-row{
    display: flex;
    gap: 20px;
    padding: 5px;

}

#hobby{
    display: flex;
    gap: 20px;
    padding: 5px;
}

#copyright_style{
    color: rgb(200, 150, 64);
}

a{
    color: rgb(200, 180, 96);
}