/* -------------------------------------------------------
 *
 *     !! This file was generated by xaringanthemer !!
 *
 *  Changes made to this file directly will be overwritten
 *  if you used xaringanthemer in your xaringan slides Rmd
 *
 *  Issues or likes?
 *    - https://github.com/gadenbuie/xaringanthemer
 *    - https://www.garrickadenbuie.com
 *
 *  Need help? Try:
 *    - vignette(package = "xaringanthemer")
 *    - ?xaringanthemer::write_xaringan_theme
 *    - xaringan wiki: https://github.com/yihui/xaringan/wiki
 *    - remarkjs wiki: https://github.com/gnab/remark/wiki
 *
 * ------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
@import url(https://fonts.googleapis.com/css?family=sourcesans);
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Courier+Prime&display=swap')

.title-slide .remark-slide-number {
  display: none;
}

.title .remark-slide-number {
  display: none;
}

body {
  font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
  font-weight: normal;
  color: #000;
}


b, strong {
   color: #000;
   }


b, .red {
   color: red;
   }

b, .blue {
   color: #369CE4;
   }

b, .yellow {
   color: yellow;
   }

h1, h2, h3 {
  font-family: 'Book Antiqua', sans-serif;
  font-weight: normal;
  color: #dc322f;
  margin-bottom:0.2px;
}
.remark-slide-content {
  background-color: #FFF;
  font-size: 35px;


  padding: 1em 2em 1em 2em;
}
.remark-slide-content h1 {
    font-size: 55px;
}
.remark-slide-content h2 {
    font-size: 45px;
}
.remark-slide-content h3 {
    font-size: 35px;
}
.remark-code, .remark-inline-code {
  font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
}
.remark-code {
  font-size: 0.9em;
}
.remark-inline-code {
  font-size: 1em;
  color: #6c71c4;


}

.remark-slide-number {
  color: #DD0101;
  opacity: 1;
  font-size: 0.7em;
  margin-right: 0px;
}


strong{color:#d33682;}
a, a > code {
  color: #0062B5;
  text-decoration: none;
}
.footnote {

  position: absolute;
  bottom: 3em;
  padding-right: 4em;
  font-size: 0.9em;
}
.remark-code-line-highlighted {
  background-color: #268bd240;
}
.inverse {
  background-color: #002b36;
  color: #fdf6e3;
}
.inverse h1, .inverse h2, .inverse h3 {
  color: #fdf6e3;
}

.inverse a:link {
  color: orange;
}


.inverse b, strong {
   color: orange;
   }

.inverse .remark-slide-number {
  display: none;
}


.inverse h1{
  font-size: 2.5em;  
}

.inverse h2{
  font-size: 75px;  
}

.inverse h3{
  font-size: 65px;  
}

.roja {
  background-color: #d22000;
  color: #fdf6e3;

}
.roja h1 {
  color: #FFFFFF;
  font-size: 3em;
  font-weight: bold;
}

.roja h2 {
  color: #183636;
  font-size: 2em;
}

.roja h3 {
  color: #FFFFFF;
  font-size: 1.5em;
}

.front {
  background: linear-gradient(180deg, #154360 0%, #AF601A 100%);
}

.front h1 {
  color: #FF9000;
  font-size: 2.2em;
}

.front h2 {
  color: #FFFFFF;
  font-size: 1.3em;
}

.front h3 {
  color: #154360;
  font-size: 1.3em;
}

.front .remark-slide-number {
  display: none;
}

.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
  color: #fdf6e3;
}
.title-slide {
  background-color: #002b36;

}
.title-slide .remark-slide-number {
  display: none;
}
/* Two-column layout */
.left-column {
  width: 20%;
  height: 92%;
  float: left;
}
.left-column h2, .left-column h3 {
  color: #93a1a1;
}
.left-column h2:last-of-type, .left-column h3:last-child {
  color: #586e75;
}
.right-column {
  width: 75%;
  float: right;
  padding-top: 1em;
}
.pull-left {
  float: left;
  width: 47%;
}
.pull-right {
  float: right;
  width: 47%;
}
.pull-left-narrow {
  float: left;
  width: 33%;
}

.pull-right-narrow {
  float: right;
  width: 33%;
}


.pull-left-wide {
  float: left;
  width: 66%;
}

.pull-right-wide {
  float: right;
  width: 66%;
}


}
.pull-right ~ * {
  clear: both;
}
img, video, iframe {
  max-width: 100%;
}
blockquote {
  border-left: solid 5px #cb4b16;
  padding-left: 1em;
}

table {
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
table thead th { border-bottom: 1px solid #ddd; }
th, td { padding: 5px; }

.large { font-size: 130%w
}

.medium { font-size: 85%
}

.small { font-size: 70%
}

.tiny { 
    font-size: 60%;
    line-height: 1.2em;
}


.red { font-color: #FF0000
}

@page { margin: 0; }
@media print {
  .remark-slide-scaler {
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
    top: 0 !important;
    left: 0 !important;
  }
}

.MathJax_CHTML {
    font-size: 30px !important;
    color: #225b7c;
}


/*
.remark-slide-content:not(.exclude) {
  background-image: url(../images/footer.png);
  background-position: 9% 100%;
  background-size: 900px;
  padding-left: 100px;  /* delete this for 4:3 aspect ratio */
}
*/

/*weblinks*/

/* unvisited link */
a:link {
  color: yellow;
}

/* visited link */
a:visited {
  color: red;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}


.espaciosimple{
  line-height: 0.9em
} 


.espaciosimplelineas{
  line-height: 0.3  em
} 



/******************
 *
 * Coloured content boxes
 *
 ****************/


.content-box {
    box-sizing: content-box;
    	background-color: #e2e2e2;
  /* Total width: 160px + (2 * 20px) + (2 * 8px) = 216px
     Total height: 80px + (2 * 20px) + (2 * 8px) = 136px
     Content box width: 160px
     Content box height: 80px */
}


.content-box-blue,
.content-box-gray,
.content-box-grey,
.content-box-army,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    border-radius: 10px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.content-box-blue {
    background-color: #F0F8FF;

}

.content-box-gray {
    background-color: #e2e2e2;
}

.content-box-grey {
	background-color: #F5F5F5;
}

.content-box-army {
	background-color: #737a36;
}

.content-box-green {
	background-color: #d9edc2;
}

.content-box-purple {
	background-color: #e2e2f9;
}

.content-box-red {
	background-color: #f9dbdb;
}

.content-box-yellow {
	background-color: #fef5c4;
}


.full-width {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
}


/**************
 *
 * Font colours
 *
 **************/


.black { color: black; }
.red { color: red; }
.blue { color: blue; }
.green { color: green; }
.yellow { color: yellow; }
.orange { color: orange; }
.purple { color: purple; }
.gray { color: gray; }
.grey { color: gray; }
.white{ color: white; }

.bold { font-weight: bold; }
.bolder { font-weight: bolder; }


iframe {
    border: 1px solid black;
    width: 100%;
}

.output {
    background: #eee;
}