@font-face { /*Parrafo*/
  font-family: 'Muli-Light';
  src:  url('../fuentes/Muli-Light.ttf') format('truetype');
}

@font-face { /*H3*/
  font-family: 'Muli-Bold';
  src:  url('../fuentes/Muli-Bold.ttf') format('truetype');
}

@font-face { /*H1*/
  font-family: 'NotoSerif-Medium';
  src:  url('../fuentes/noto-serif/NotoSerif-Medium.ttf') format('truetype');
}

@font-face { /*H2*/
  font-family: 'NotoSerif-MediumItalic';
  src:  url('../fuentes/noto-serif/NotoSerif-MediumItalic.ttf') format('truetype');
}

a
{
  font-family: Muli-Light;
  color: #E23A53;
}

.font-h1, div.container h1, .font-h2, div.container h2
{
  font-family: NotoSerif-Medium;
  color: #0D8F80;
}

div.texto
{
  font-family: Muli-Light;
}

button.btn-degrad
{
  font-family: Muli-Light;
  background-color: #E23A53;
  color: white;
}

header
{
  background-color: #02435F;
}

header .btn-outline-primary
{
  font-family: Muli-Bold;
  color: white;
}

header .btn-outline-dark
{
  background-color: #E23A53;
  font-family: Muli-Bold;
  color: white;
}

header .btn-outline-primary:hover {
  color: white;
  background-color: #E23A53;
  -webkit-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s
}

header .btn-outline-dark:hover {
  color: white;
  border: solid 2px;
  background-color: #E23A53;
  -webkit-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s
}

.text-profile
{
  color: white;
  border-radius: 100px;
  margin-right: 10px;
  background-color: #0d8f80;
}