/* /* Import the terminal.css */
@import url("https://unpkg.com/terminal.css@0.7.4/dist/terminal.min.css");

@font-face {
    font-family: "CohereText";
    font-style: normal;
    src: url(../assets/fonts/CohereText-Regular.ttf) format('truetype');
}

@font-face {
    font-family: "CohereText";
    font-weight: bold;
    src: url(../assets/fonts/CohereText-Bold.ttf) format('truetype');
}

@font-face {
    font-family: "CohereMono";
    src: url(../assets/fonts/CohereMono-Regular.ttf) format('truetype');
}

:root {
    --font-stack: "CohereText";
    --mono-font-stack: "CohereMono";
    /*     --background-color: hsl(46, 42%, 88%);
    --font-color: hsl(192, 81%, 14%);
    --primary-color: hsl(18, 80%, 44%); */
}

h1 {
    font-weight: bold;
}

hr {
    margin-bottom: 10px;
}

img.profile {
    float: right;
    max-width: 20%;
    min-width: 100px;
    border-radius: 50%;
    margin: 3%;
}

footer.container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

ol.terminal-toc.index li::before {
    content: attr(data-item)". ";
}

.showcase-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 10px;
}

@media (max-width: 768px) {
    .showcase-container {
        grid-template-columns: 1fr;
    }
}