:root {
     --main-color:#F0C808; /*Yellow*/
     --dk-color:#1A1918; /*Black*/
     --md-color:#E80D06; /*Red*/
     --lt-color:#F3F0EC; /*White*/
     --accent:#1C60E8; /*Blue*/
}

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

body {
  background-color: var(--md-color);
  background-image: url('/img/grain_bg.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  font-family: Verdana, sans-serif;
}

.title {
 font-family: boldFont; 
 font-style: italic;
}

.floaters{
  position:fixed;
  width:100%;
  height:auto;
  left:0%;
  top:200px;
}

.floaters-two{
  position:fixed;
  max-height:150px;
  right:20px;
  bottom:20px;
}

marquee {
  background-color: var(--accent);
  border-radius: 5px;
  margin: 5px 0px 5px 0px;
}

.main-container {
 color:var(--dk-color);
 width:80%;
 margin-top:2%;
}

.component-container {
 background-color:var(--lt-color);
 color:var(--dk-color);
 border: 5px solid var(--dk-color);
 border-radius: 5px;
 padding:5px;
}

.sticky {
  position: sticky;
  top: 0;
}

.footer-container{
 background-color:var(--lt-color);
 color:var(--dk-color);
 border: 5px solid var(--dk-color);
 border-radius: 5px;
 margin:5px;
 text-align:right;
}

/*BOOTSTRAP recoloring*/

.nav-pills .nav-link,
.nav-item
{
  color:var(--accent);
  font-family: boldFont;
  font-size: 17px;
  margin-bottom: 5px;
}

.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link
{
  background-color: var(--accent);
}