.md-typeset__table {
    min-width: 100%;
}

@media only screen and (min-width: 768px) {
    td:nth-child(1) {
        white-space: nowrap;
    }
}

@font-face {
    font-family: Telegraf-Regular;
    src: url("typography/Telegraf-Regular.otf");
}

@font-face {
    font-family: Telegraf-UltraBold;
    src: url("typography/Telegraf-UltraBold.otf");
}

.Telegraf-Regular {
    font-family: Telegraf-Regular;
}

.Telegraf-UltraBold {
    font-family: Telegraf-UltraBold;
}

* {
    /*--md-primary-fg-color: rgba(59, 130, 246, 0.4);*/
    --md-primary-fg-color--light: #029c8e;
    --md-primary-fg-color--dark: #303c55;
    --md-typeset-color: var(--md-default-fg-color);
    --md-typeset-a-color: var(--md-primary-fg-color--light);
    --md-text-font: "Telegraf-Regular";
}

:root {
    --md-tooltip-width: 600px;
    --md-primary-fg-color: #181917;
    --md-primary-fg-color--light: #029c8e;
    --md-primary-fg-color--dark: #303c55;
}

:root > * {
    --md-primary-bg-color: #000;
    --md-typeset-color: var(--md-default-fg-color);
    --md-typeset-a-color: var(--md-primary-fg-color--light);
}

/*
markdown and image alignment
ALT tag and a CSS selector on the alt tag
*/
img[src*="#left"] {
    float: left;
}
img[src*="#right"] {
    float: right;
}
img[src*="#center"] {
    display: block;
    margin: auto;
}

/*
Tables set to 100% width
*/
.md-typeset__table {
    min-width: 100%;
}

.md-typeset table:not([class]) {
    display: table;
}

/*
Colors for First Steps
custom code blocks coloring
*/
.fsg-timestamp {
    color: grey;
}
.fsg-userinput {
    color: cornflowerblue;
}
.fsg-path,
.fsg-prompt {
    color: mediumseagreen;
}

/*
Footer social media icons:
set the size of the svg icons and the espace between them.
*/
.md-social__link {
    width: 2rem;
}
.md-social__link svg {
    max-height: 1.6rem;
}

/*
hide content only for mobile devices
*/
@media only screen and (min-device-width: 280px) and (max-device-width: 480px) {
    .hide-on-mobile {
        display: none;
    }
}