:root {
     --yellow:#F0C808; /*Yellow*/
     --red:#E80D06; /*Red*/
     --blue:#1C60E8; /*Blue*/
     --green:#9BC04C; /*Green*/
     --black:#1A1918; /*Black*/
     --white:#F3F0EC; /*White*/
}

@font-face {
  font-family: boldFont;
  src: url('/img/San Marino Beach.otf');
}

body {
  background-color: transparent;
  font-size: 14px;
}

.title {
 font-family: boldFont; 
 font-style: italic;
 color: var(--blue);
}

.sub-title {
 font-family: boldFont; 
 font-style: italic;
 color: var(--red);
}

.article-container {
 background-color:var(--white);
 color:var(--black);
 border-radius: 5px;
 padding: 15px;
}

/*BOOTSTRAP recoloring*/

.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link,
.btn-primary
{
  background-color: var(--red);
  border: 0px solid;
  color: var(--white);
}

.btn-primary:hover
{
  background-color: var(--red);
  border: 0px solid;
  color: var(--yellow);
}

a:focus
{
  color: var(--red);
}

.nav-pills .nav-link:hover,
a:hover
{
  color: var(--yellow);
}

.card
{
  border: 0px solid var(--red);
  border-radius: 5px;
}