body {
text-align: justify;
font-size: 12pt;
font-family: Arial;
}

.math {
  font-size: 95%;
}


h1.title{
  vertical-align: middle;
  font-size: 30px;
  font-weight: bold;
  color: #fffbfe;
  text-shadow: 2px 1px 0px #290B09;
  width: 100%;
  height: 200px;
  background: url('https://www.unir.net/wp-content/uploads/2019/03/cabecera_grado_matematicas.jpg') center center;
  background-size: cover;
  text-align:center;
  line-height:40px;
    }
    
.header img {
  float: left;
  width: 100px;
  height: 100px;
  background: url('http://www.fiq.unl.edu.ar/templates/common/img/slider/header.png');
}

.header h1 {
  position: relative;
  top: 18px;
  left: 10px;
}

h3.subtitle {
    font-family: Trattatello, fantasy; 
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
    color: black;
}


h1 {
    font-family: 'Ebrima', Courier, monospace;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    color: #20237D;
}

h2 {
    font-family: 'Ebrima', Courier, monospace;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2;
    color: #307603;
}


h3 {
    font-family: 'Ebrima', Courier, monospace;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.2;
    color: #C01029;
}

h4{
  font-size: 17px;
  font-family:'Ebrima', Courier, monospace;
  color: #4F14B6;
  font-weight: bold;
  line-height: 1.2;
}

h4.date {
  font-size: 17px;
  font-family:Courier;
  color: #3d3d3d;
  font-weight: normal;
  line-height: 1.2;
}

h5{
  font-size: 17px;
  font-family:'Ebrima', Courier, monospace;
  color: #7f740e;
  font-weight: bold;
  line-height: 1.2;
}


ol {
    counter-reset: item;
}

ol > li {
    counter-increment: item;
}

ol ol > li {
    display: block;
}

ol ol > li:before {
    content: counters(item, ".") ". ";
    padding-right:10px;
    margin-left: -20px;
}


alert{
position:relative;
padding:.75rem 1.25rem;
margin-bottom:1rem;
border:1px solid transparent;
border-radius:.25rem}

.alert-secondary{
  color:#220d0c;
  background-color:#f3f7e7;
  border-color:#5f924f;
  border-left: 5px solid #DAE179;
  padding: 15px;
}
.alert-secondary hr{border-top-color:#c8cbcf}
.alert-secondary .alert-link{color:#202326}

.alert-cite{color:#721c24;background-color:#E5F8C6;border-color:#3E5914}
.alert-cite hr{border-top-color:#f1b0b7}
.alert-cite .alert-link{color:#491217}

ul.a {
  list-style-type: circle;
}


ol.b {
  list-style: none;
  counter-reset: my-awesome-counter;
}
ol.b li {
  counter-increment: my-awesome-counter;
}
ol.b li::before {
  content: counter(my-awesome-counter) ". ";
  color: #DC143C;
  font-weight: bold;
  font-size: 0.95em;
  font-family: Montserrat, sans-serif;
}


ol.c {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding: 20px;
}
ol.c li {
  counter-increment: my-awesome-counter;
}
ol.c li::before {
  content: counter(my-awesome-counter) ". ";
  color: #000000;
  font-weight: bold;
  font-size: 1em;
  margin-left: -25px;  /* this is to move the icon left */
  padding-right: 10px; /* to keep some space between icon and text */
}

#outside {
  list-style-position: outside;
}

div.a {
  margin-bottom:10px;
}
div.a span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right: 1rem;
  font-weight: bold;
  font-size: 1.5rem;
  width:25px;
  height:25px;
  top: 0;
  transform: rotate(-13deg);
  border-radius:50%;
  background-color:#DDECB7;
  color:#620802;
  box-shadow: 1px 1px 0 #999;
}


a:link {
    color: blue;
}

a:visited {
    color: green;
}

 a:hover {
    color: hotpink;
}

.tocify-header .tocify-item {
    font-size: 0.90em;
    background-color: #A4B9D2;
}

.tocify-subheader .tocify-item {
    font-size: 0.90em;
    background-color: #A4B9D2;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    font-family: 'Ebrima', Courier, monospace;
    font-size: 15px;
    font-weight: bold;
    color: #CEDDB0;
    background-color: #07a0db;
    border-color: #DF2983;
}


.tocify .tocify-item a, .tocify .list-group-item {
    padding: 5px;
    color: #fff;
    font-family: 'Ebrima', Courier, monospace;
    font-size: 15px;
    font-weight: bold;
}
.tocify ul, .tocify li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 30px;
    font-family: 'Ebrima', Courier, monospace;
    font-size: 15px;
    font-weight: 500;
}

a {
    color: #bf0ef8;
    text-decoration: none;
    background-color: white;
}



caption, p.caption {
  caption-side: bottom;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0;
  margin-left: 20px;
  font-style: italic;
  font-weight: bold;
  font-size: smaller;
  text-indent: 10;
}


caption {
  caption-side: bottom;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #000000;
  text-align: left;
}
/* define font */
@import url('https://fonts.googleapis.com/css?family=Roboto|Source+Sans+Pro:300,400,600|Ubuntu+Mono&subset=latin-ext');

:root {
  --color-primary: #DAE179;
  --color-border: #e8e8e8;
  --color-text: #1A1A1A;
  --color-code-bg: #f9f9f9;
  --color-code-inline: #d72b3f;
  --font-base: 'Source Sans Pro';
  --font-highlight: 'Source Sans Pro';
  --font-code: 'Ubuntu Mono';
}

/* spaced para style */
.spaced {
    line-height: 150%;
}

/* abstract size */
.abstract {
  width: 100%;
  font-size: 1em;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 15px;
  border-left: 5px solid var(--color-primary);
  display: inline-block;
}