/* återställ webbläsarinställningar */
/** {
    all: initial;
}*/

/* variables */
:root {
    --sidemargin: 35px;
}

/* applies to entire body*/
body {
    /* black background and white text */
    color: #fff;
    background-color: #000;
    /* little bit of margin to the left idk how much is appropriate*/
    margin-right: var(--sidemargin);
    margin-left: var(--sidemargin);

}

/* applies to sections */
div {

}

/* coloring of links */
a {
    color: #00BFFF
}

a:visited {
    color: pink;
}

/* circles in unordered lists instead of default disks */
ul {
    list-style-type: circle;
}

/* navigationslista ska vara horisontell */
ul#nav_list li {
    display:inline;
}

/* navigation field */
#nav_div {
    /* lusgrå färg får funka just nu */
    background-color: #333;
    /* minus lika mycket som kroppen, så att den börjar hela vägen ut */
    margin-right: calc(var(--sidemargin) * -1);
    margin-left: calc(var(--sidemargin) * -1);
}

/* nav{ */
/*     margin-right: var(--sidemargin); */
/*     margin-left: var(--sidemargin); */
/*     display: inline-block; */
/*     padding: 20px; */
/* } */

/*
ol {
    counter-reset: index - 1;
}
*/

/* tables */
table {
    border-collapse: collapse;
}

th {
    border: 1px solid #555555;
    text-align: center;
    padding: 4px;
}

td {
    border: 1px solid #555555;
    text-align: left;
    padding: 4px;
}

/* högerjusterat fält */
td#right {
    border: 1px solid #555555;
    text-align: right;
    padding: 4px;

}

/* centreratjusterat fält */
td#left {
    border: 1px solid #555555;
    text-align: center;
    padding: 4px;

}

/* radbryt inte fjärde kolonnen i en tabell */
#vikt td:nth-child(4) {
    white-space: nowrap;
}

/* stilar för anteckningar */

/* highlight */
.highlight {
    color: deepskyblue;
    /*font-weight: bold;*/
}
/* substans */
.substance {
    color: #ff6600;
    /* font-weight: bold; */
}
/* stimulerande */
.stimul {
    color: green;
    /* font-weight: bold; */
}
/* hämmande */
.inhib {
    color: red;
    /* font-weight: bold; */
}
/* plats */
.plats {
    color: magenta;
    /* font-weight: bold; */
}

.monospace-output {
    font-family: ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', Menlo, Consolas, monospace;
}