:root {
    --md-primary-fg-color:        #3a6fc9;
    --md-primary-fg-color--light: #4dbfd5;
    --md-primary-fg-color--dark:  #3249c3;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.556;  /* 28px, but relative seems to make more sense for e.g. the slightly smaller font in hints */
}

h1, h2, h3, h4, h5, h6, em {
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

p {
    margin-top: 10px;  /* Supposed to be 20 px in total between headings and paragraphs. Added half of it to both so
    that each of their margins also kind of work in isolation. */
}

.md-header {
    background: linear-gradient(90deg, rgba(50, 73, 195, 1) 0%, rgba(77, 191, 213, 1) 100%);
}

img.screenshot {
  box-shadow: 0 0 10px 2px darkgray;
}

.hll {
  display: inline !important;
}


.go-to-client {
    border: 0;
    border-radius: 5pt;
    background-color: #4E7CC3; 
    color: white;
}

.go-to-client div {
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    margin-left: 1ch;
}

.go-to-client span {
    display: inline-block;
    font-size: 140%;
}

.go-to-client svg {
    display: inline-block;
    transform: scale(50%);
    transform-origin: center;
}

table code {
    white-space: nowrap;
}