/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

body::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
  
  background-image: url("../img/bg.jpg");
  
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);

  height: 100%;
  width: 100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position-y: 80%;
  filter: blur(5px);
  transform: scale(1); 
}
body {
  background-color: #1b1a1b;
}

canvas {
    display:block;
    position: fixed;
}
.fa { padding: 20px; font-size: 32px; width: 30px; text-align: center; text-decoration: none; margin: 5px 2px; border-radius: 50%; } .fa:hover { opacity: 0.7; } .panel-transparent { background: none; } .panel-transparent .panel-body { background: rgba(0, 0, 0, 0.5)!important; }