@import url('https://fonts.googleapis.com/css2?family=Aldrich&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Orbitron:wght@400..900&display=swap');
@import url("fontawesome-all.min.css");

div.container {
	width: 800px;
}

p { font-size: 16px; }
li { font-size: 16px }

body {
  background-color: black;
  background-image: url('images/bg.jpg'); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
  color: white;
  padding-top: 15px;
}
.list-group {
  box-shadow: 0px 11px 23px 5px rgba(0, 0, 0, 0.34);
}
.list-group-item {
  border: 1 1 1 1;
  border-color: rgba(255, 255, 255, 0.3);
  background: linear-gradient(130deg, rgba(255,255,255,0.1), rgba(255,255,255,0.0));
  //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000', GradientType=1);
     background-color: rgba(0, 0, 0, 0.6);

}
.btn-toolbar {
  margin-top: 10px;
}
img {
  float: right;
  margin: 6px;
  margin-top: 3px;
  margin-left: 10px;
  border: 1px solid white;
  opacity: 1.0;

}
/* ==== SOME BOOTSTRAP MODS/STYLING ==== */
.btn-default {
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgba(0, 0, 0, 0.2);
}
.img-rounded,
.btn,
.label {
  border-radius: 6px;
}
.btn {
  padding: 6px 18px;
}
a {
  color: #8888FF;
}
.dropdown-menu > li > a {
  color: #cccccc;
}
.dropdown-menu {
  background-color: rgba(0, 0, 0, 0.8);
}
.dropdown-menu .divider {
  background-color: #555;
}
body {
  /* GRADIENT BG */
  /* ff3.6+ */
  /* safari4+,chrome */
  /* safari5.1+,chrome10+ */
  /* opera 11.10+ */
  /* ie10+ */
  //background: linear-gradient(45deg, #FFFFFF 0%, #C7C7C7 100%);
  /* w3c */
  //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000', GradientType=1);
  /* ie6-9 */
}
/* ==== FONTS ==== */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype');
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: white;
  padding-bottom: 12px;
}
html,
body {
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased !important;
}
.active a {
  color: #999999;
}