html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 50px;
  background:rgb(255, 255, 255);
  font-family: sans-serif;
  /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.footer {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  /*box-shadow: 0 0 20px 0 rgba(0,0,0,.1);*/
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 0px;
  background-image: linear-gradient(180deg, rgba(52,58,64,0) -14%, rgba(248,249,250,1)), url(bg_blur.jpg);
  background-clip: border-box;
  background-size: cover;
  background-position-x: center;
  background-position-y: top; 
  min-height: 130px;
}

.navbar {
  padding-top: 0px;
  padding-bottom: 0px;
  /*box-shadow: 0 0 20px 0 rgba(0,0,0,.1);*/
}

.navbar-nav {
  font-size: 17px;
}

.footer i:hover {
  margin-top: -10px;
  text-shadow: 0px 7px 10px rgba(238, 9, 9, 0.993);
  transform: translate(0, -8);
}

.nav-item a:hover,
#div_topics .card-header:hover,
.card-link:hover {
  text-shadow: 0px 7px 15px rgba(183, 190, 192, 0.993);
  transition: all ease-in-out 200ms;
}

nav h2 {
  text-shadow: 0px 7px 15px rgba(183, 190, 192, 0.993);
  font-family: 'Rock Salt';
  font-weight: bold;
}

.footer i {
  text-shadow: 0px 7px 10px rgba(183, 190, 192, 0.993);
  transition: all ease-in-out 600ms;
}

.footer a {
  font-size: 25px;
}

.footer #div_cr, .navbar-brand { 
  font-size: 22px;
  font-family: 'Give You Glory';
}

.card_arch {
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.highlight {
  background-color: rgba(238, 9, 9, 0.993);
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 
              0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#ulTag{
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  min-width: 218px;
}

.clickable
{
    cursor: pointer;
}

#div_scroll {
  display: none;
  position:fixed;
  top: 0px;
  left: 0px;
  padding: 5px 14px;
  height: 100vh;
  width: 50px;
  background-color: #f8f9fa;
}

#div_scroll:hover{
  background-image:linear-gradient(#ececee, #F8F9FA);
}

.pulsing:not(:hover) {
  -webkit-animation: bounce .3s infinite alternate;
  -o-animation: bounce .3s infinite alternate;
  -moz-animation: bounce .3s infinite alternate;
  animation: bounce .3s infinite alternate;
}
@-webkit-keyframes bounce {
  to { transform: scale(1.2); }
}
@-o-keyframes bounce {
  to { transform: scale(1.2); }
}
@-moz-keyframes bounce {
  to { transform: scale(1.2); }
}
@keyframes bounce {
  to { transform: scale(1.2); }
}

/* Facebook comment plugin width fix */
.fb_iframe_widget_lift {
  width: 100% !important; 
}

.h4 {
  font-weight: bold!important;
  font-size: 1.3rem!important;
}

h4 {
  font-weight: bold!important;
  font-size: 1.3rem!important;
}

.img_bg {
  background-image: linear-gradient(#DDDDDD 1px, transparent 1px), linear-gradient(90deg, #DDDDDD 1px, transparent 1px);
  background-size: 5px 5px;
  margin: 10px 0px 30px 0px;
}