@import url(../../People/Antonio/noto/noto-tmp.css);
@import url("generic-navbar-2.css");

/* default settings should work well on small screens; custom settings
 * for desktop and tablet displays are handled at the end of this file */

body {
    margin: 1em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h1 {
    margin-top: 0px;
    font-size: 1.5em;
}

h2 {
    font-size: 1.25em;
}

h3 {
    font-size: 1.125em;
}

:not(pre):not(ol):not(ul) {
    line-height: 1.5;
}
pre, pre *, ol, ol *, ul, ul * {
    line-height: 1.25;
}
li {
    margin-bottom: 0.25em;
}
ul#navbar li {
    margin-bottom: 0;
}
:not(code):not(pre) {
    font-family: 'Noto Sans', sans-serif;
}
code, code *, pre, pre * {
    font-family:  'Inconsolata', monospace !important;
    background: #f6f6f6;
    padding: 1.5px;
    border: thin solid #ccc;
    border-radius: 2px;
}

pre {
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  background-color: #f6f6f6;
  padding: 0.5em;
  overflow-x: scroll;
  max-width: 90%;
  display: inline-block;
  margin: 0;
  margin-left: 2em;
  min-width: 60%;
}

table {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
th {
    padding: 0.25em 0.75em 0.25em 0.75em;
    text-align: center;
}
td {
    padding: 0.25em 0.75em 0.25em 0.75em;
    text-align: center;
}

a:link {
    text-underline-offset: 2px;
}

.targetable h2 a,
.targetable h3 a,
.targetable h4 a,
.targetable h5 a,
.targetable h6 a {
    opacity: 0;
    margin-left: 1rem;
    text-decoration: none;
    font-weight: 300;
    transition: .25s opacity linear;
}

.targetable section:hover h2 a,
.targetable section:hover h3 a,
.targetable section:hover h4 a,
.targetable section:hover h5 a,
.targetable section:hover h6 a {
    opacity: 1;
}

.targetable :target {
    animation-duration: 2s;
    animation-name: highlight;
}

@keyframes highlight {
    0%, 50% {
        box-shadow: 0 0 4rem #000000;
        background-color: #ffffff;
    }
    to {}
}

/* custom settings for wider screens (desktops, tablets) */
@media screen and (min-width: 48em) {
    body {
	margin: 1em 2em;
    }
    h1 { font-size: 2em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.25em; }
}